nav{height:50px;margin:0 2rem}nav ul{margin:0 40px;display:flex;align-items:center;justify-content:space-between;gap:2rem;height:50px}nav ul li{display:flex}nav ul li a{position:relative;color:var(--text-color);font-size:18px}nav ul li a::after{position:absolute;content:'';width:0;height:3px;background:var(--text-color);left:0;bottom:-6px;transition:0.5s}nav ul li a:hover::after,nav ul li a.active::after{width:100%;font-size:1.5rem}nav ul li a.active{font-size:1.5rem}nav#sidemenu .fa-solid{display:none}nav#sidemenu{display:none}#overlay{background:rgb(0,0,0,0.5);position:fixed;inset:0;z-index:11;display:none}@media only screen and (max-width:1200px){nav#desktopNavMenu{display:none}nav#sidemenu{display:block}nav#sidemenu ul{z-index:12;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;border:3px solid var(--text-color);color:var(--text-color);background:var(--bg-color);position:fixed;left:0;width:100vw;clip-path:circle(0% at top right);height:100vh;padding:0;opacity:1;transition:all 0.9s ease-in-out}nav#sidemenu ul li{display:block;margin:15px}nav#sidemenu ul li a{color:var(--text-color)}nav#sidemenu ul li a::after{background:var(--text-color)}nav#sidemenu ul .fa-solid{position:absolute;top:25px;left:25px}nav#sidemenu .fa-solid{display:block;font-size:25px}nav#sidemenu i.fa-solid.fa-bars.fa-2xl::before{font-size:35px;position:absolute;top:25px}}