.navbar{width:6%;height:91vh;position:fixed;top:1%;left:1%;display:flex;flex-direction:column;align-items:center;padding-top:2%;margin-top:1%;margin-left:1%;margin-bottom:3%;border-radius:20px;font-size:150%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:hsla(0,0%,71%,.099);animation:sombraNav 5s ease-in-out infinite alternate;z-index:1000;transform:translateX(0) translateY(0)}.navbar,.navbar-header{transition:all .6s cubic-bezier(.4,0,.2,1);opacity:1}.navbar-header{width:100%!important;height:8vh!important;top:0!important;left:50%!important;transform:translateX(-50%) translateY(0)!important;margin:0 auto calc(1% + 1vh)!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;padding:1% 3%!important;border-radius:0!important;font-size:120%!important;gap:2rem!important;animation:none!important;box-shadow:0 0 50px #000;border-bottom:.3vh solid #424242}.navbar-fade-out{opacity:0;transform:translateY(-20px)}.navbar-fade-in,.navbar-fade-out{transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-fade-in{opacity:1;transform:translateY(0)}.navbar-header .logo{font-size:140%!important}.navbar-header .logo,.navbar-header .logo .link{margin-bottom:0!important;display:flex!important;align-items:center!important;line-height:1!important;transition:all .3s ease}.navbar-header .logo .link{animation:none!important}.navbar-header .access{display:flex;flex-direction:row;align-items:center;gap:2rem;animation:none!important;transition:all .3s ease}.navbar-header .access .link{margin-bottom:0!important;margin-right:0!important;animation:none!important;transition:all .3s ease}.navbar-header .access .link i:hover,.navbar-header .access .link:hover,.navbar-header .access .link:hover i,.navbar-header .access i:hover,.navbar-header .access i:hover~span,.navbar-header .logo .link:hover{animation:colorbtns 5s ease-in-out infinite alternate!important}.navbar-header .link i{margin-left:0!important;margin-right:8px!important;font-size:3vh!important;width:auto!important;transition:all .3s ease}.navbar-header .link span{visibility:visible!important;opacity:1;transition:opacity .3s ease}@keyframes sombraNav{0%{box-shadow:0 0 15px #3ce822}25%{box-shadow:0 0 15px #ff6427}50%{box-shadow:0 0 15px #3ec8ff}75%{box-shadow:0 0 15px #ff35e4}to{box-shadow:0 0 15px #ffea2e}}@keyframes colorbtns{0%{text-shadow:0 0 15px #3ce822;color:#1d6b11}25%{text-shadow:0 0 15px #ff6427;color:#6a2b11}50%{text-shadow:0 0 15px #3ec8ff;color:#1a5e78}75%{text-shadow:0 0 15px #ff35e4;color:#742c6b}to{text-shadow:0 0 15px #ffea2e;color:#ffea2e}}.logo{font-size:200%;margin-bottom:5%}.link,.logo{transition:all .3s ease}.link{position:relative;overflow:hidden;color:#424242;text-decoration:none;display:flex;align-items:center;margin-bottom:15px;font-weight:700}.link span{visibility:hidden;opacity:0;transition:all .3s ease}.link i{color:#424242;width:10vh;margin-left:35%;margin-right:2%;font-size:6vh;transition:all .5s ease}.navbar:not(.navbar-header):hover{width:auto;padding:auto;background-color:hsla(0,0%,100%,.768);transition:all .5s ease}.navbar:not(.navbar-header) .link:hover i{margin-left:6%}.navbar:not(.navbar-header) .link:hover span{visibility:visible;opacity:1}.navbar-header .link:hover{animation:sombraNav 5s ease-in-out infinite alternate;transform:translateY(-2px);transition:transform .3s ease}@media screen and (max-width:768px){.navbar{display:none}}@media screen and (max-width:480px){.navbar{display:none}}