nav{z-index:3;justify-content:space-between;align-items:center;width:100%;padding:10px 30px;display:flex;position:absolute;top:0;left:0}nav .logo-container{justify-content:center;align-items:center;width:201px;height:47.95px;display:flex}nav .logo-container a{justify-content:center;align-items:center;width:100%;height:100%;display:flex}nav .logo-container a img{object-fit:contain;width:100%;height:100%}nav .menu{color:#fff;z-index:4;border-top:.5px solid #ffffff80;border-bottom:.5px solid #ffffff80;justify-content:center;align-items:center;width:80px;height:54px;display:flex;top:10px;right:30px;transform:scale(1)}nav .menu button{background:0 0;border:none;font-size:20px}nav .menu .close{opacity:.7;transition:all .4s ease-in-out;transform:scale(1.5)rotate(0)}nav .menu .close:hover{opacity:1;transform:scale(1.5)rotate(90deg)}nav .menu-modal{background-color:#0a0a0c;flex-direction:column;justify-content:space-between;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}nav .menu-modal ul.navigation-links{width:100%;padding-top:125px}nav .menu-modal ul.navigation-links li{border-color:#ffffff80;border-bottom-width:.5px}nav .menu-modal ul.navigation-links li a{justify-content:center;align-items:center;gap:10px;height:80px;display:flex}nav .menu-modal ul.navigation-links li a:hover{transition:all .25s ease-in-out;transform:translate(-10px)}nav .menu-modal ul.navigation-links li a span,nav .menu-modal ul.navigation-links li a p{color:#fff}nav .menu-modal ul.navigation-links li a span{color:#fff6;font-size:12px}nav .menu-modal ul.navigation-links li a p{font-size:38px}nav .menu-modal ul.social-links{justify-content:center;align-items:center;gap:42px;padding-bottom:34px;display:flex}nav .menu-modal ul.social-links li{object-fit:cover;object-position:center;opacity:.6;width:40px;height:40px;transition:all .3s ease-in-out}nav .menu-modal ul.social-links li img{object-fit:cover;object-position:center;width:100%;height:100%}nav .menu-modal ul.social-links li:hover{opacity:1;transform:rotate(180deg)}@media (max-width:768px){nav{padding:10px 16px}nav .logo-container{width:150px;height:36px}nav .menu-modal ul.navigation-links{padding-top:100px}nav .menu-modal ul.navigation-links li a{height:64px}nav .menu-modal ul.navigation-links li a p{font-size:28px}}@media (max-width:480px){nav .menu-modal ul.navigation-links li a{height:56px}nav .menu-modal ul.navigation-links li a p{font-size:24px}}