@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";nav{font-size:1rem;display:flex;justify-content:center;background-color:var(--main);border-bottom:2px solid var(--secondary);gap:1rem}nav a{text-decoration:none;color:var(--white);padding:1rem 2rem;position:relative;transition:background-color .5s ease;border-radius:1rem}nav a:after{content:"";position:absolute;bottom:20%;left:10%;width:0;height:2px;background-color:var(--white);transition:width .5s ease}nav a:hover:after{width:80%}#banner-container{text-align:center;padding:2rem;max-width:60vw;margin-inline:auto;display:flex;flex-direction:column;gap:2rem}#banner-headline,#banner-subheadline{position:relative;width:max-content;margin-inline:auto}@keyframes banner-line{0%{width:100%;transform:scaleX(0);transform-origin:left}40%{transform:scaleX(1);transform-origin:left}41%{transform:scaleX(1);transform-origin:right}80%{transform:scaleX(0);transform-origin:right}to{width:100%;transform:scaleX(0);transform-origin:right}}#banner-headline:after{content:"";position:absolute;bottom:-5px;left:0;width:0%;height:5px;border-radius:1rem;background-color:var(--secondary);animation:banner-line 5s ease infinite}.card-container{background-color:var(--secondary);border-radius:.5rem;margin:1rem}.card-container>*{margin:1rem}.card-image{width:100%;height:180px;border-radius:.5rem .5rem 0 0;margin:0;object-fit:cover;object-position:center 40%;overflow:hidden}.card-container:hover{border:2px solid var(--white)}hr{margin:1rem 0}a{color:var(--white)}.card-header{text-decoration:underline}.card-info{display:flex;gap:3rem}.card-contact{display:grid;grid-template-columns:1fr 1fr}.card-opinfo{display:flex;gap:3rem}footer{width:100%;padding:2rem 0;background-color:var(--secondary);margin-top:2rem;display:grid;grid-template-columns:1fr 1fr}.footer-left,.footer-right{display:flex;flex-direction:column;gap:1rem;padding:1rem 3rem}.footer-right{text-align:right}.footer-right a{text-decoration:none}.footer-right a:hover{text-decoration:underline}.form{display:flex;flex-direction:column;max-width:80vw;margin-inline:auto;justify-content:center;align-items:center;gap:1rem;padding-top:1rem}.form input,.form textarea{background-color:var(--secondary);color:var(--white);border:2px solid var(--white);border-radius:1rem;padding:1rem}.form button{padding:1rem;border-radius:1rem;background-color:var(--accent);color:var(--white);border:2px solid var(--white);cursor:pointer}.tech-card{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;width:fit-content;height:2rem;position:relative;background-color:var(--main);border-radius:.5rem;text-decoration:none}.tech-card:hover{border:2px solid var(--white)}.tech-card svg{height:100%;aspect-ratio:1 / 1}.tech-card p{font-size:2rem;display:inline}.about-header{margin-top:3rem;text-align:center}.about-button-container{display:flex;justify-content:center}.about-link{background-color:var(--accent);border-radius:1rem;padding:1rem;margin:3rem 1rem;display:block;width:max-content;text-decoration:none}.about-link:hover{text-decoration:underline;border:2px solid var(--white)}.about-container{background-color:var(--secondary);width:60%;border-radius:.5rem;margin:1rem auto;padding:2.5rem}.about-container h3{margin-bottom:1rem}.tech-card-container{display:flex;justify-content:center;gap:1rem;margin:3rem}:root{--main: #000044;--secondary: #0E6BA8;--accent: #E0479E;--black: #000000;--white: #FFFFFF;font-size:16px;font-family:Inter,system-ui,sans-serif}*{margin:0;padding:0}body{background-color:var(--main);color:var(--white)}h1{font-size:5rem}h2{font-size:4rem}h3{font-size:3rem}h4{font-size:2.5rem}h5{font-size:2rem}h6{font-size:1.5rem}p{font-size:1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));margin-inline:5rem}.card-grid-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-inline:5rem}.featured-header{text-align:center;padding:3rem}.form-link{text-align:center;margin:1rem}.form-link a{color:var(--accent)}.search-input-container{display:flex;justify-content:center;margin:1rem}.search-input{color:var(--white);background-color:var(--main);border:none;border-bottom:2px solid var(--secondary);padding:1rem;font-size:1.5rem}.search-input::placeholder{color:var(--white)}
