.WeatherInfo{text-align:center}.Header{font-family:Roboto,sans-serif;font-size:2.5rem;font-weight:600;text-align:center;color:#333;margin:20px 0}.search-box{text-align:center;margin-bottom:30px}.error-msg{color:red;width:500px;margin:15px auto}#outlined-basic{width:350px}.search-box{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2rem;background:#f0f4f8;border-radius:10px;box-shadow:0 8px 16px #0000001a;margin:2rem auto;width:90%;max-width:500px}.search-box form,.search-box .MuiTextField-root{width:100%}.search-box .MuiButton-root{width:100%;padding:.8rem;font-weight:700}.infobox{text-align:center}.container{display:flex;justify-content:center}.weather-info{display:flex;align-items:center;justify-content:center}.weather-info .icon{margin-left:8px;align-items:center;justify-content:center}#hot{color:gold;font-size:32px}#cold{color:#00bcd4;font-size:32px}#rain{color:#607d8b;font-size:32px}