nav{background-color:#0000;justify-content:space-around;align-items:center;width:100%;height:10vh;display:flex;box-shadow:0 10px 10px #08d1f51a}nav .menu-btn,nav .menu .menu-close{display:none}nav .menu{justify-content:space-around;align-items:center;width:100%;display:flex}nav .menu .pages{justify-content:space-between;width:55%;height:60%;display:flex}nav .menu .pages a{flex-direction:column;justify-content:center;align-items:center;font-size:18px;font-weight:500;text-decoration:none;display:flex}nav .menu .socials{justify-content:space-between;align-items:center;gap:10px;width:20%;height:auto;display:flex}nav .socials a{color:var(--foreground);border-radius:10px;margin-left:15px;padding:5px;font-size:100%;box-shadow:0 5px 15px #00ffff4d}nav .socials a:hover{transition:color .3s;box-shadow:0 5px 15px #00ffffb3}.li-hover:hover{background-color:#0077b5}.gh-hover:hover,.tt-hover:hover{background-color:#000}.fb-hover:hover{background-color:#1877f2}@media only screen and (min-width:800px){nav .menu,nav .menu .pages{height:100%}nav .menu .pages a{padding:0 7%}.activeNav{color:#000;text-shadow:2px 2px 4px #fff;background-color:#01cad5;font-weight:600}.inActiveNav{color:var(--foreground);background-color:#0000}.inActiveNav:hover:after{content:"";background-color:#01cad5;border-radius:5px;width:45%;height:3px;display:block}}@media only screen and (max-width:800px){nav{z-index:100;justify-content:end;align-items:center;width:100%;height:9%;padding:1% 5%;display:flex;position:relative}nav .menu-btn,nav .menu .menu-close{color:#0ff;display:block}.menu.open-menu{display:flex}.close-menu{display:none}nav .menu-btn{background-color:#0000;width:4.5vh;height:8vh;font-size:20px}nav .menu{z-index:110;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#ffffff80;border-radius:10px;flex-direction:column;justify-content:space-around;align-items:end;width:90%;padding:2% 2% 5%;display:none;position:absolute;top:30%;right:2%}nav .menu .menu-close{background-color:#000;border-radius:10px;width:10%;height:10%;font-weight:600}nav .menu .menu-close:hover{cursor:pointer;font-weight:bolder}nav .menu .pages{background-color:#0000;flex-direction:column;justify-content:space-between;gap:1%;width:100%;height:70%;margin-bottom:2%;padding:3% 2%;display:flex}nav .menu .pages a{padding:2%;font-size:20px}nav .menu .pages a:hover:after{width:10%;height:2px}nav .menu .socials{justify-content:center;align-items:center;gap:3%;width:100%;height:10%;display:flex}nav .menu .socials a{background-color:#000;border-radius:5px;padding:1%}nav .menu-btn:hover{cursor:pointer}}