.headerGeneral{position:fixed;background-color:rgba(31,31,31,.507);-webkit-backdrop-filter:blur(5px) contrast(1.2);backdrop-filter:blur(5px) contrast(1.2);width:12vh;height:12vh;z-index:1000;top:5%;left:50%;transform:translateX(-50%);border-radius:50%;transition:.5s ease-in-out;box-shadow:0 1.2vh 2vh 1vh rgba(0,0,0,.5);border:.1vh solid rgba(255,255,255,.219);padding:1vh}.options-container{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:5%;-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%);transition:-webkit-clip-path .5s ease-in-out,clip-path .5s ease-in-out}.headerGeneral:hover .options-container{-webkit-clip-path:circle(150% at 50% 50%);clip-path:circle(150% at 50% 50%)}.logo-link{position:absolute;width:100%;height:100%;transition:.5s ease-in-out;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-link:hover{filter:drop-shadow(0 0 1vh rgba(0,189,247,.699));transition:.5s ease-in-out}.logoIMG{font-family:Orbitron,sans-serif;font-size:8vh;color:white;font-weight:700;text-align:center}.headerGeneral:hover{width:60vw;height:12vh;border-radius:20vh;transition:.5s ease-in-out}.headerGeneral:hover .logo-link{left:5%}.nav-options-container{position:static;transform:none;margin-left:auto}.nav-links-container{flex-direction:row;gap:5vh}.nav-links-container,.nav-option-link{display:flex;justify-content:center;align-items:center}.nav-option-link a{font-family:lato,sans-serif;font-size:2vh;color:white;text-decoration:none;transition:.2s ease-in-out}.special-link{background:linear-gradient(270deg,#002ca3,#0086df,#002ca3);background-size:200% 200%;animation:dashboardBG 4s linear infinite;border-radius:5vh;padding:1vh 3vh;box-shadow:0 0 1vh #0086df;display:flex}@keyframes dashboardBG{0%{background-position:0 200%}to{background-position:200% 0}}@media screen and (max-height:400px){.nav-option-link a{font-size:1.5vh}}@media only screen and (max-width:600px){.headerGeneral{width:8vh;height:8vh}.logoIMG{font-size:5vh;transition:.5s ease-in-out}.headerGeneral:hover{width:70vw;height:80vh;border-radius:10vh;transition:.5s ease-in-out}.headerGeneral:hover .logoIMG{font-size:8vh;transition:.5s ease-in-out}.options-container{justify-content:center;align-items:center;padding:0 3vh;-webkit-clip-path:circle(0 at 50% 10%);clip-path:circle(0 at 50% 10%)}.headerGeneral:hover .options-container{-webkit-clip-path:circle(125% at 50% 10%);clip-path:circle(125% at 50% 10%)}.logo-link{top:50%;left:50%;transform:translate(-50%,-50%)}.headerGeneral:hover .logo-link{left:50%;top:10%;transform:translate(-50%,-10%)}.nav-options-container{margin-left:0}.nav-links-container{flex-direction:column;gap:3vh}}@supports not (clip-path:circle(50% at 50% 50%)){.options-container{visibility:hidden}.headerGeneral:hover .options-container{visibility:visible}}