@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";.main-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0}.nav-container h1{font-size:5em;color:#c7e5ee;font-family:Bebas Neue;font-weight:700}.card-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.card{background-color:#19bef5;padding:15px;border-radius:10px;transition:all .2s;box-shadow:0 4px 8px #000;display:flex;flex-direction:column;align-items:center;justify-content:center}.text-content h2{font-size:1.6em;color:#000;font-family:Bebas Neue}.text-content p{font-size:1.4em;font-family:Bebas Neue}.text-content{text-align:center}.card:hover{transform:scale(1.05)}.input-field{padding:15px;border:2px solid black;border-radius:5px;width:100%;outline:none;font-size:1.2em;background-color:#c7e5ee}form{display:flex;align-items:center;justify-content:center}@media screen and (max-width: 767px){.card-container{grid-template-columns:repeat(1,1fr)}}body{background:linear-gradient(to right,#4dc9e6,#210cae);scroll-behavior:smooth}