@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";html,#root{min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(124deg,#094e83 -3.92%,#2797ef 51.81%,#0a4f84 104.41%);min-height:100vh;font-family:Poppins,sans-serif;overflow:auto}.stat-title{color:#101d2f}.box{background:#101d2f;border-radius:30px;padding:10px;box-shadow:0 10px 13px #00000059}.card:hover{background:linear-gradient(145deg,#334155 0%,#475569 100%);border-color:#35537d;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.state{place-self:center;font-size:40px;font-weight:700}.searched-weather{flex-direction:column;align-items:flex-start;gap:10px;width:635px;height:480px;padding:47px 76px 50px;display:flex}.searched-wrapper{align-items:center;gap:49px;display:flex}.city-info{flex-direction:column;align-items:center;gap:20px;width:248px;display:flex}.city-info img{aspect-ratio:1;width:107px;height:107px}.info-label{flex-direction:column;align-self:stretch;align-items:center;gap:11px;display:flex}.loc-date,.temp-label{flex-direction:column;align-self:stretch;align-items:center;display:flex}.city{font-size:30px;font-weight:700}.date,.temp-label{font-size:20px;font-weight:400}.temp{font-size:76px;font-weight:700}.city-stats{flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;width:186px;display:flex}.stat-box{background:#35537d;border-radius:15px;flex-direction:column;align-items:center;gap:10px;width:186px;height:113px;padding:10px 30px 29px;transition:background .3s,border-color .3s,transform,box-shadow .3s;display:flex}.stat-box p{font-size:16px;font-weight:700}.stat-box h3{font-size:24px;font-weight:700}.search-container{opacity:1;background:#101d2f;border-radius:30px;gap:10px;width:1296px;height:89px;padding:25px 54px 20px;display:flex}.cloud-logo{flex-shrink:0;width:75px;height:49px}.cloud-logo img{width:100%;height:100%}.search-elements{justify-content:space-between;align-items:center;width:1187px;margin-top:20px;margin-bottom:20px;display:flex;position:relative}.searchbar{gap:10px;display:flex}.input-box{color:#fff;background:0 0;border:1px solid #fff;border-radius:15px;flex-shrink:0;align-items:center;gap:12px;width:477px;height:39px;padding:5px 255px 4px 13px;display:flex}.search-button{display:none}.weekly-forecast-container{box-sizing:border-box;width:100%;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.weekly-forecast-title{color:#e2e8f0;letter-spacing:.3px;margin:0 0 24px;font-size:36px;font-weight:600}.weekly-forecast-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;padding:8px 0;display:flex}.forecast-day-card{background:#35537d 100%;border:1px solid #35537d;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:200px;padding:20px 16px;transition:background .3s,border-color .3s,transform,box-shadow .3s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.forecast-day-name{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;font-size:17px;font-weight:600}.forecast-day-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0000004d);width:72px;height:72px;transition:transform .3s}.forecast-day-card:hover .forecast-day-icon{transform:scale(1.1)}.forecast-day-temp{color:#f1f5f9;letter-spacing:.5px;font-size:18px;font-weight:700}.weekly-forecast-loading{color:#94a3b8;text-align:center;padding:60px 20px;font-size:14px;font-weight:500}.weekly-forecast-error{color:#f87171;text-align:center;background-color:#f871711a;border:1px solid #f8717133;border-radius:12px;padding:60px 20px;font-size:14px;font-weight:500}@media (width<=768px){.weekly-forecast-container{border-radius:12px;margin:20px auto;padding:20px}.weekly-forecast-title{margin-bottom:20px;font-size:16px}.forecast-day-card{min-width:100px;padding:18px 14px}.forecast-day-icon{width:42px;height:42px}.forecast-day-temp{font-size:16px}}@media (width<=480px){.weekly-forecast-container{margin:16px auto;padding:16px}.weekly-forecast-list{gap:12px}.forecast-day-card{gap:10px;min-width:85px;padding:16px 12px}.forecast-day-icon{width:36px;height:36px}.forecast-day-temp{font-size:15px}.forecast-day-name{font-size:10px}}.main-app{justify-content:center;align-items:center;margin:15px 0;display:flex}.app-wrapper{flex-direction:column;gap:30px;margin:0 100px;display:flex}.app-info{justify-content:space-between;align-items:center;display:flex}.card-pic{flex-direction:column;gap:10px;width:635px;height:480px;padding:18px;display:flex}.loading,.error{color:#fff;justify-content:center;align-items:center;font-size:24px;display:flex}.day-loc{justify-content:space-between;align-items:center;width:100%;display:flex}.day-loc p{color:#fff;font-size:24px}.day-loc h3{color:#fff;font-size:32px}.temp-container{flex-grow:1;justify-content:center;align-items:center;gap:50px;display:flex}.temp-container h1{color:#fff;margin:0;font-size:90px}.weather-desc{text-align:center;color:#fff;margin:0;font-size:45px}.feels-like{text-align:center;color:#fffc;font-size:15px}