body{position:relative}body>header{transition:all 0.2s ease-in-out;z-index:99;position:relative}body>header .bar{transition:all 0.2s ease-in-out}body>header .bar>.container{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:1rem 2rem}body>header .bar>.container .center,body>header .bar>.container .left,body>header .bar>.container .right{display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:1rem 2rem}body>header nav>ul{list-style:none;padding-left:0;display:flex;gap:1rem;flex-flow:column nowrap;align-items:flex-start;justify-content:center}body>header nav>ul>li{margin:0}@media screen and (min-width:calc(1200px + 1px)){body>header .mobile-navigation{display:none!important}}body>header .mobile-navigation>.bar{padding-top:0.5rem;padding-bottom:0.5rem}body>header .mobile-navigation>.opened-content{display:none}body>header .mobile-navigation>.opened-content>.container>*{border-top:0.0555555556rem solid var(--color-green-400);padding:1rem 0.5rem}body>header .mobile-navigation>.opened-content .socials{justify-content:flex-start}body>header .mobile-navigation>.opened-content nav>ul{gap:0.5rem}body>header .mobile-navigation>.opened-content nav>ul>li>a{font-size:1.5rem}body>header .desktop-navigation{transition:all 0.2s ease-in-out}@media screen and (max-width:calc(calc(1200px + 1px) - 1px)){body>header .desktop-navigation{display:none!important}}body>header .desktop-navigation .bar{padding:1.6666666667rem 0}body>header .desktop-navigation .bar>.container{transition:all 0.2s ease-in-out;background-color:rgba(255,255,255,0.5);border-radius:20rem;padding:0.9444444444rem 1.3888888889rem 0.8888888889rem;-webkit-backdrop-filter:blur(0.5555555556rem);backdrop-filter:blur(0.5555555556rem);border:0.0555555556rem solid rgba(255,255,255,0.1);box-shadow:0 0 3rem rgba(0,0,0,0.05)}body>header .desktop-navigation .bar .left{border-right:0.0555555556rem solid rgba(255,255,255,0.1);border-right:0.0555555556rem solid var(--color-neutral-100)}body>header .desktop-navigation .bar nav>ul{flex-flow:row wrap;gap:2.2222222222rem}body>header .desktop-navigation .bar nav>ul a{font-weight:600;color:var(--color-headings);font-size:0.8888888889rem}body>header[data-fixed]{position:fixed;left:0;top:0;width:100%}body>header[data-scrolled]>header .desktop-navigation .bar{padding-top:1rem;padding-bottom:1rem}
/*# sourceMappingURL=header.css.map */