@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";nav{font-size:1rem;display:flex;justify-content:center;background-color:var(--main);border-bottom:2px solid var(--secondary);padding:1rem 0;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:hover{background-color:var(--secondary)}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}: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:6rem}h2{font-size:5rem}h3{font-size:4rem}h4{font-size:3rem}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}