.navbar{background:linear-gradient(90deg,#1c1b1b,#1a1717);height:80px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:sticky;top:0;z-index:999}.navbar-container{display:flex;justify-content:center;align-items:center;height:80px;max-width:1500px}.navbar-logo{color:#fff;justify-self:start;margin-left:20px;cursor:pointer;text-decoration:none;font-size:2rem;display:flex;align-items:center}.fa-typo3{margin-left:.5rem;font-size:1.8rem}.nav-menu{display:grid;grid-template-columns:repeat(4,auto);grid-gap:10px;list-style:none;text-align:center;width:60vw;justify-content:end;margin-right:2rem}.nav-item{height:80px}.nav-links{color:#fff;display:flex;align-items:center;text-decoration:none;padding:.5rem 1rem;height:100%}.nav-links:hover{border-bottom:4px solid #fff;transition:all .2s ease-out}.fa-bars{color:#fff}.nav-links-mobile,.menu-icon{display:none}@media screen and (max-width: 960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;width:100%;height:90vh;position:absolute;top:80px;left:-100%;opacity:1;transition:all .5s ease}.nav-menu.active{background:#242222;left:0;opacity:1;transition:all .5s ease;z-index:1}.nav-links{text-align:center;padding:2rem;width:100%;display:table}.nav-links:hover{background-color:#fff;color:#242424;border-radius:0}.navbar-logo{position:absolute;top:0;left:0;transform:translate(25%,50%)}.menu-icon{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer}.fa-times{color:#fff;font-size:2rem}.nav-links-mobile{display:block;text-align:center;margin:2rem auto;border-radius:4px;width:80%;text-decoration:none;font-size:1.5rem;background-color:transparent;color:#fff;padding:14px 20px;border:1px solid #fff;transition:all .3s ease-out}.nav-links-mobile:hover{background:#fff;color:#242424;transition:.25s}}:root{--primary: #fff}.btn{padding:8px 20px;border-radius:2px;outline:none;cursor:pointer}.btn--primary{background-color:var(--primary);color:#242424;border:1px solid var(--primary)}.btn--outline{background-color:transparent;color:#fff;padding:8px 20px;border:1px solid var(--primary);transition:all .3s ease-out}.btn--medium{padding:8px 20px;font-size:20px}.btn--large{padding:12px 26px;font-size:20px}.btn--medium:hover,.btn--large:hover{background:#fff;color:#242424;transition:all .3s ease-out}.card-container{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:stretch}.card-header{height:80px;background-color:var(--header-color);border-radius:10px 10px 0 0;position:relative;top:0;left:0;width:100%;z-index:1}.social-card{border:1px solid hsl(0,0%,80%);border-radius:10px;box-shadow:0 4px 16px #0000001a;padding:20px;margin:10px;text-align:center;max-width:250px;display:inline-block;transition:transform .2s ease;text-decoration:none}.social-card:hover{transform:translatey(-4px)}.social-card img{position:relative;z-index:2;width:140px;height:auto;object-fit:contain;border-radius:50%;margin-top:-70px;border:3px solid white;background-color:#fff}.social-card h1{font-family:Poppins,sans-serif;margin:0;color:#333}.social-card p{font-family:Lato,sans-serif;line-height:1.5;padding:0 16px;color:#4d4d4d}.button{background-color:#0af;color:#fff;padding:10px 20px;border-radius:5px;border:none;cursor:pointer}