body{background-image:url(/assets/background-DEoDGq7j.jpg)}.input-data{margin:10px;padding:20px;display:flex;justify-content:center;align-items:center;gap:10px}.search{padding:8px;border-radius:18px;background-color:#fff;border:2px solid #ddd;width:5vw}.btn-data{margin-left:90%;margin-bottom:-30px}.btn-data button{padding:10px;border-radius:18px;background-color:transparent;font-size:50px;border:none;margin-top:-80px}.input{width:25%;padding:10px;border-radius:18px;border:none;outline:none}.weather-container{padding:60px;border:none;border-radius:17px;display:flex;justify-content:center;align-items:center;gap:300px;width:50vw;margin:10px 50px 50px 23%;background-color:#ffffff4d}.weather-data{margin-left:10%}.daily-container{display:flex;gap:30px;border:none;width:80%;text-align:center;margin:1px 1px 1px 50%;border-radius:20%;transform:translate(-50%)}.daily-data-content{border:2px solid gray;border-radius:10px;width:100%}h2{text-align:center}.hourly-container{display:flex;flex-wrap:nowrap;overflow-y:scroll;scrollbar-width:none;gap:12px;padding:26px;border-radius:8px;justify-content:flex-start;margin-top:-45px}.hourly-data-content{border:1px solid gray;border-radius:6px;padding:10px 16px;text-align:center;width:80px}.hourly-data-content p{margin:10px 0 4px;font-size:14px;width:80px;height:4vh}