body>header{background-color:var(--color-background);width:100%;height:var(--header-height);z-index:999;font-size:20px;position:fixed;top:0;left:0}body>header nav{align-items:center;padding:15px 60px;display:flex}@media (width<=1024px){body>header nav{padding:15px 30px}}body>header nav .logo{align-items:center;gap:14px;min-width:fit-content;height:fit-content;display:flex}body>header nav .logo a{height:fit-content;text-decoration:none;display:flex}body>header nav .logo a svg{height:60px;fill:var(--color-primary)}body>header nav .menu{justify-content:end;align-items:center;width:100%;padding:10px 0;display:flex}body>header nav .menu .desktop-nav{flex-direction:row;display:flex}@media (width<=1024px){body>header nav .menu .desktop-nav{display:none}}body>header nav .menu .desktop-nav ul{flex-direction:row;display:flex}body>header nav .menu .desktop-nav ul li.nav-item{padding:0 20px}body>header nav .menu .desktop-nav ul li.nav-item a.nav-link:hover{text-decoration-line:underline}body>header nav .menu .desktop-nav ul li.nav-item a.nav-link.active{opacity:1;color:var(--color-primary);font-weight:600}body>header nav .menu .mobile-nav{display:none}@media (width<=1024px){body>header nav .menu .mobile-nav{display:flex}}body>header nav .menu .mobile-nav #mobile-menu{width:100vw;height:calc(100vh - var(--header-height));background-color:var(--color-background);top:var(--header-height);display:none;position:fixed;left:0}body>header nav .menu .mobile-nav #mobile-menu.open{display:block}body>header nav .menu .mobile-nav #mobile-menu .container{flex-direction:column;justify-content:start;max-width:300px;height:100%;margin:0 auto;padding:100px 20px 40px;display:flex}body>header nav .menu .mobile-nav #mobile-menu .container ul{flex-direction:column;display:flex}body>header nav .menu .mobile-nav #mobile-menu .container ul li.mobile-nav-item{margin:20px 0}body>header nav .menu .mobile-nav #mobile-menu .container ul li.mobile-nav-item a.mobile-nav-link{width:100%;height:100%;display:block}body>header nav .menu .mobile-nav #mobile-menu .container ul li.mobile-nav-item a.mobile-nav-link:hover{text-decoration-line:underline}body>header nav .menu .mobile-nav #mobile-menu .container ul li.mobile-nav-item a.mobile-nav-link.active{color:var(--color-primary);font-weight:600}body>header nav .menu .mobile-nav #mobile-menu .container hr{border:0 solid #0000;border-top:1px solid var(--color-text);width:100%;height:1px;margin:20px 0;padding:0}body>header nav .menu .mobile-nav #mobile-menu .container .social-icons{flex-direction:row;display:flex}body>header nav .menu .mobile-nav #mobile-menu .container .social-icons .social-icon a{fill:var(--color-primary);height:25px;margin-right:20px;display:block}body>header nav .menu .mobile-nav #mobile-menu .container .social-icons .social-icon a svg{width:100%;height:100%}body>header nav .menu .mobile-nav .menu-icon#menu-toggle{cursor:pointer;text-align:right;z-index:1;background-color:#0000;border:none;font-size:1.8rem;display:inline-flex;position:relative;overflow:hidden}body>header nav .menu .mobile-nav .menu-icon#menu-toggle #mobile-toggle{-o-transition:.5s ease-in-out;width:30px;height:31px;transition:all .5s ease-in-out;display:block;transform:rotate(0)}body>header nav .menu .mobile-nav .menu-icon#menu-toggle #mobile-toggle span{background:var(--color-primary);opacity:1;-o-transition:.2s ease-in-out;border-radius:4px;width:100%;height:5px;transition:all .2s ease-in-out;display:block;position:absolute;left:0;transform:rotate(0)}body>header nav .menu .mobile-nav .menu-icon#menu-toggle #mobile-toggle span:first-child{top:3px}body>header nav .menu .mobile-nav .menu-icon#menu-toggle #mobile-toggle span:nth-child(2),body>header nav .menu .mobile-nav .menu-icon#menu-toggle #mobile-toggle span:nth-child(3){top:13px}body>header nav .menu .mobile-nav .menu-icon#menu-toggle #mobile-toggle span:nth-child(4){top:23px}body>header nav .menu .mobile-nav .menu-icon#menu-toggle.active #mobile-toggle span:first-child{width:0%;top:15px;left:50%}body>header nav .menu .mobile-nav .menu-icon#menu-toggle.active #mobile-toggle span:nth-child(2){transform:rotate(45deg)}body>header nav .menu .mobile-nav .menu-icon#menu-toggle.active #mobile-toggle span:nth-child(3){transform:rotate(-45deg)}body>header nav .menu .mobile-nav .menu-icon#menu-toggle.active #mobile-toggle span:nth-child(4){width:0%;top:15px;left:50%}body>header nav .menu .lang-switch{flex-direction:row;padding-left:40px;font-size:16px;display:flex}@media (width<=1024px){body>header nav .menu .lang-switch{justify-content:center;margin-top:50px;padding-left:0}}body>header nav .menu .lang-switch a{color:var(--color-text);opacity:.5;font-size:.875rem;text-decoration:none;transition:opacity .3s}body>header nav .menu .lang-switch a:hover{opacity:.8}body>header nav .menu .lang-switch a.active{opacity:1;font-weight:600}body>header nav .menu .lang-switch span{opacity:.5;margin:0 5px;font-size:.875rem}footer{background-color:var(--color-background);padding:var(--header-height) 100px 30px 100px;justify-content:center;display:flex}@media (width<=1024px){footer{padding:var(--header-height) 30px 30px 30px}}footer .container{flex-direction:column;gap:20px;width:100%;display:flex}@media (width<=1024px){footer .container{max-width:300px}}footer .container .footer-top{justify-content:center;margin-bottom:5px;display:flex}footer .container .footer-top ul.social-icons{flex-direction:row;gap:30px;display:flex}footer .container .footer-top ul.social-icons .social-icon a{fill:var(--color-primary);width:25px;height:25px;display:block}footer .container .footer-top ul.social-icons .social-icon a svg{width:100%;height:100%}footer .container .footer-bottom{opacity:.8;flex-direction:row;justify-content:center;font-size:16px;display:flex}@media (width<=1024px){footer .container .footer-bottom{flex-direction:column;align-items:center;gap:15px;font-size:14px}}footer .container .footer-bottom p{margin:0}footer .container .footer-bottom span{margin:0 10px}@media (width<=1024px){footer .container .footer-bottom span{display:none}}footer .container .footer-bottom a:hover{text-decoration-line:underline}