@keyframes Navanimation{0%{opacity:0;transform:translate(-100%,-50%)}to{opacity:1;transform:translateY(-50%)}}i{pointer-events:none}.Navbar{z-index:5;background-color:#000;border:1px solid #d4d3d3;border-radius:.7rem;width:2.5em;height:25%;animation:.5s ease-in-out Navanimation;display:flex;position:fixed;top:50%;left:1rem;transform:translateY(-50%)}.Navbar ul{width:inherit;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.Navbar ul li{cursor:pointer;font-size:1.2vmax}li:is(.Navbar ul li):hover{color:var(--ElementColor)}li:is(.Navbar ul li):active{color:#028e7d}@media only screen and (max-width:1000px){.Navbar{width:3.3em;height:20%}.Navbar ul li{font-size:2vmax}}@media only screen and (max-width:600px){.Navbar{display:none}}