@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:ital@1&display=swap);*{padding:0;margin:0;box-sizing:border-box}body{width:100%;height:100vh;background-color:#f3b07c;display:grid;place-items:center;font-family:"Josefin Sans",sans-serif}.col-12,.container,.row{margin:0;padding:0}.loader{width:450px;height:450px;background:transparent;opacity:1;border-radius:50px}.loader,.loader_div{display:grid;place-items:center}.loader_div{width:100px;height:100px}.weather_div{width:450px;height:650px;background-image:linear-gradient(#fae177 30%,#fec58e,#ffbe94);border-radius:30px;box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px transparent;animation:fadeOut 1.4s ease}.top_div{margin-top:50px}.input_div i{font-size:25px;color:#2f2e62}.input_div input{width:235px;padding-left:20px;outline:none;margin-left:10px;border:none;border-bottom:1px solid #000;background-color:initial;font-size:20px;text-align:center;color:#2f2e62;font-weight:700;font-feature-settings:"smcp";font-variant:small-caps}.button_div{margin-left:20px}.button_div button{color:#fffffe;padding:4px 20px;background-color:#2c2b5c;border-radius:10px;outline:none}.button_div:hover{transform:scale(1.1)}.weather_img{width:100%;height:200px;display:grid;place-items:center}.weather_img img{width:200px;height:200px;margin-top:20px;padding:10px}.weather_info{width:100%;height:215px}.weather_info_2{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}.weather_info_2 div{padding:0 20px}.temp{font-size:50px;font-weight:700;text-shadow:2px 2px 0 #bcbcbc,4px 4px 0 #9c9c9c}.temp,.weather_type{margin:0;color:#2c2b5c}.weather_type{font-size:20px}.weather_info_3{padding-left:10px;padding-right:10px;width:100%;height:125px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:10px;justify-content:space-evenly}.bottom_div{height:125px;background-color:#ffcca5;border-radius:20px}.bottom_div i{color:#fafac2;font-size:30px;margin-bottom:10px}.max_temp_p1,.min_temp_p1,.pres_p1{color:#8a7685;font-size:15px;font-weight:700}.max_temp_p2,.min_temp_p2,.pres_p2{color:#585781;font-size:25px;font-weight:700}.issue{width:100%;height:500px;display:grid;place-items:center}.issue p{font-size:20px;font-weight:700;color:#2c2b5c}.locationImg,.weather_img img{animation:scale 4s ease-in-out infinite}.bottom_div:hover{transform:scale(1.1)}.backBtn:hover{cursor:pointer}.fc_curWeatherImg{animation:scale 4s ease-in-out infinite}.forecast_btn{font-size:14px;font-weight:lighter;display:inline}.forecast_btn:hover{cursor:pointer;color:#2c2b5c;transform:scale(1.1)}.forecast_div{width:450px;height:650px;background-color:#232535;border-radius:30px;box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px transparent;animation:fadeIn 1.4s ease}.forecast_header{margin-top:60px;display:flex;align-items:center;height:50px;color:#fff;font-size:20px}.forecast_curWeather{width:100%;height:100px;border-radius:10px;background-color:#2e3341}.forecast_curWeather p{color:#fff}.forecastInfo_div{color:#fff;font-weight:600;width:100%;height:300px;overflow:scroll;font-size:14px}.day_row{margin:10px 0;width:100%;min-height:40px;max-height:60px;background-color:#2e3341;border-radius:5px}.fc_weather_icon{width:40px;height:40px}.forecast_header p{font-size:20px;font-feature-settings:"smcp";font-variant:small-caps}.forecast_curWeather p{margin-bottom:0;font-size:14px}@keyframes fadeIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes scale{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media screen and (max-width:576px){.loader{width:100%}.forecast_div,.weather_div{margin-top:0;width:100%;height:600px}.weather_img img{margin-top:0}.top_div{margin-top:30px}.input_div input{width:200px}.button_div button{padding:1px 16px}.weather_info{height:190px}.max_temp_p2,.min_temp_p2,.pres_p2{font-size:18px}.forecast_header{margin-top:15px}}
/*# sourceMappingURL=main.295cca79.chunk.css.map */