@import"https://fonts.googleapis.com/css2?family=Lexend+Deca&display=swap";@import"https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@700&display=swap";html{font-size:100%;box-sizing:border-box}body{margin:0;padding:0;line-height:2;font-family:"Big Shoulders Display",cursive;font-size:15px;height:100vh;background-color:#f2f2f2}h1{text-transform:uppercase;color:#f2f2f2;margin:25px 0;font-size:2.5rem}p{color:rgba(255,255,255,.75);font-family:"Lexend Deca",sans-serif;opacity:.8}main{padding:90px 25px}main .car-container{border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}main .car-container .car{height:445px;width:100%;padding:40px 45px 40px 50px}main .car-container .car.sedan{background-color:#e38826}main .car-container .car.suv{background-color:#006970}main .car-container .car.luxury{background-color:#004241}main .car-container .car button{margin-top:40px;padding:18px 30px;border-radius:30px;border:2px solid #f2f2f2;outline:none;width:150px;transition:all .3s ease-out;background:#f2f2f2}main .car-container .car button.btn-sedan{color:#e38826}main .car-container .car button.btn-sedan:hover{background:#e38826}main .car-container .car button.btn-suv{color:#006970}main .car-container .car button.btn-suv:hover{background:#006970}main .car-container .car button.btn-luxury{color:#004241}main .car-container .car button.btn-luxury:hover{background:#004241}main .car-container .car button:hover{color:#f2f2f2;border:2px solid #f2f2f2}@media(min-width: 800px){main{display:flex;justify-content:center;align-items:center;padding:0;height:100%}main .car-container{height:500px;max-width:920px;flex-wrap:nowrap}}