#headerContainer{position:fixed;z-index:3;width:100%;display:flex;justify-content:center;transition:all .5s}@media only screen and (min-width:800px){#headerContainer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}@media only screen and (max-width:800px){#headerContainer{background-color:#081930}}#headerContainer .header{padding:10px 20px 10px 20px;justify-content:space-between;display:flex;width:100%;max-width:1300px;position:relative}#headerContainer .header #logoContainer{text-decoration:none;display:flex;align-items:center;gap:10px;transition:all .5s}#headerContainer .header #logoContainer img{height:50px;width:50px}#headerContainer .header #logoContainer h1{font-size:1.8em;color:var(--textColor)}#headerContainer .header #logoContainer:hover{cursor:pointer;filter:drop-shadow(0 0 10px var(--secondary))}#headerContainer .header .nav{display:flex;gap:40px;align-items:center}#headerContainer .header .nav .appSvg svg{width:20px;height:20px;margin-top:-3px}#headerContainer .header .nav a{text-decoration:none;color:var(--textColor);font-size:1.2em}#headerContainer .header .nav a svg{height:14px;width:14px;margin-left:2px;position:absolute}#headerContainer .header .nav a:after{content:"";display:block;width:0;border-bottom:1px solid #fff;transition:.3s;padding-top:3px}#headerContainer .header .nav a:hover:after{width:calc(100% + 17px)}#headerContainer .header .nav button{opacity:.5}#headerContainer .header .nav button:hover{background-color:var(--secondary)!important;cursor:auto}@media only screen and (max-width:1200px){#headerContainer{margin-bottom:30px}}@media only screen and (min-width:800px){#headerContainer .menuIcon{display:none}}@media only screen and (max-width:800px){#headerContainer .nav{position:fixed;right:0;top:0;flex-direction:column;padding:80px 40px 40px 40px;height:100vh;background-color:var(--background);transition:transform .5s ease;transform:translateX(260px);gap:5px!important;z-index:2;width:200px}#headerContainer .nav a{width:100%;padding:12px 0 12px 0}#headerContainer .nav a:after{width:0}#headerContainer .nav button{margin-top:30px}#headerContainer .menuActive{transform:translateX(0)!important}#headerContainer .iconActive{transform:rotate(90deg)}#headerContainer .menuIcon{z-index:4;width:40px;height:40px;color:var(--textColor);transition:transform .4s ease}#headerContainer .navOverlayDissmis{transition:transform .4s ease;transform:translateX(100vw);position:fixed;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);top:0;left:0;width:100vw;height:100vh;z-index:1;background:linear-gradient(270deg,var(--background) 200px,var(--lightTransparent))}}