*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;background:#f4f1e8;color:#333}
header{padding:20px;background:#234b35;color:white}
nav{display:flex;justify-content:space-between}
.hero{min-height:75vh;background:linear-gradient(#0007,#0007),url('background.jpg') center/cover;display:flex;align-items:center;justify-content:center;padding:20px;color:white}
.box{max-width:700px;text-align:center;background:#ffffff22;padding:40px;border-radius:25px}
button{padding:12px 25px;border:0;border-radius:20px}
section{padding:35px;text-align:center}
.cards{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.cards div,.transport,#weather{background:white;padding:25px;border-radius:20px;max-width:300px}
footer{padding:20px;text-align:center;background:#234b35;color:white}