.sidenav {
width: 0;
position: fixed;
z-index: 1;
top: 0;
right: 0;
background-color: var(--yellow);
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
z-index: 999;
}
  
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
text-transform: uppercase;
font-size: 60px;
line-height: 90px;
color: black;
font-weight: 600;
display: block;
transition: 0.6s;
text-align: center;
}

.sidenav a:hover {color:var(--blue)}

.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 40pxpx;
margin-left: 50px;
}

.button_menu {
position: fixed;
top: 25px;
right: 25px;
width: 64px;
height: 56px;
text-align: center;
cursor:pointer;
background-color:var(--yellow);
font-size:40px;
line-height: 56px;
color:black;
z-index:100;
}

.button_menu:hover {color:var(--blue)}

/* Responsive */
@media screen and (max-width: 414px){
.sidenav a {font-size: 44px;line-height: 48px; margin-bottom: 20px}
}