.header{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:0 0;padding:1rem 0;position:fixed;top:0;left:0;right:0}.header-content{justify-content:space-evenly;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.nav-links{color:#fff;gap:50px;font-weight:600;display:flex}.nav-links span{cursor:pointer;padding:.5rem 1rem;transition:color .3s;position:relative}.nav-links span:hover{color:#22356a}.nav-links span:after{content:"";background-color:#cd0001;width:0%;height:2px;transition:width .3s;position:absolute;bottom:6px;left:0}.nav-links span:hover:after{width:100%}.logo{align-items:center;display:flex}.logo-img{cursor:pointer;width:auto;height:6.25rem}.social-links{gap:20px;display:flex}.social-links a{color:inherit;font-size:20px;transition:opacity .3s}.social-links a:hover{opacity:.7}.hamburger{cursor:pointer;z-index:1100;flex-direction:column;gap:5px;display:none}.bar{background-color:#000;width:25px;height:3px;transition:all .3s}.bar.open:first-child{transform:rotate(45deg)translate(5px,5px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}@media (max-width:768px){.header{border-radius:5rem;top:.5rem}.logo-img{height:3rem!important}.nav-links{gap:0;font-size:.85rem}.header-content{flex-direction:column}}@media (min-width:1024px){.header{border-radius:5rem;top:1rem;left:10rem;right:10rem}}@media (min-width:769px) and (max-width:1024px){.header{border-radius:5rem;top:1rem;left:5rem;right:5rem}.logo-img{height:5rem}}
.footer{color:#d1d5db;-webkit-user-select:none;user-select:none;background:#0f0f0f;padding:1.5rem 0;font-size:.875rem}.footer-content{text-align:center;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.social-links{gap:1.5rem;display:flex}.social-links a{color:#d1d5db;font-size:1.2rem;text-decoration:none;transition:color .3s,opacity .3s}.social-links a:hover{color:#ff4646;opacity:.85}.footer-credit{opacity:.6;font-size:.75rem}@media (max-width:768px){.footer-content{text-align:center;flex-direction:column-reverse;gap:1rem}}