.sidenav a:hover, .sidenav ul li a {color: var(--mainColor) }.sidenav {height: 100%;width: 0;position: fixed;z-index: 1;top: 0;left: 0;background-color: var(--bg-dark1);overflow-x: hidden;padding-top: 60px;transition: .5s }.sidenav ul {display: block;width: auto;margin: 0 auto 20px 0;list-style-type: none;padding-left: 2rem }.sidenav ul li::before {color: #fff;content: "→";left: 0;margin-right: 5px;position: relative }.sidenav ul li a {display: inline-block;text-decoration: none;font-family: var(--fontFamily2);font-weight: 500;font-size: .9rem }.sidenav a {color: #fff }.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px }@media screen and (max-height: 450px) {.sidenav {padding-top: 15px }.sidenav a {font-size: 18px }}