*{padding:0;margin:0;font-family:Poppins,Arial,Helvetica,sans-serif;font-size:18px;color:#fff}body{display:flex;justify-content:center;align-items:center;height:100vh;background-image:url(/assets/wall-ClWOG7AF.jpg);background-size:cover;background-position:center}.main-container{background-color:#24314566;padding:10px;gap:5px;border-radius:10px}h1{color:#ff9f21;padding-bottom:5px;margin-left:60px}h3{color:#ffc06e;padding-top:5px}.city-input{background-color:#2d2925;color:#fff;font-size:12px;border-radius:5px;margin-right:5px}.city-input:focus{border:1px solid #ff9f21}.search-btn{background-color:#2d2925;color:#fff;font-size:10px;padding:3px;border-radius:8px}.search-btn:hover{border-color:#ff9f21;transition:.5s;cursor:pointer}@media (max-width: 768px){.input-group{flex-direction:row;width:100%}.city-input{font-size:12px;padding:6px}.search-btn{font-size:12px;padding:6px 10px}}@media (max-width: 480px){.input-group{flex-direction:row;width:100%}.city-input{font-size:12px;padding:5px}.search-btn{font-size:12px;padding:5px 8px}}