@import url(https://fonts.googleapis.com/css?family=Poiret+One);@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700,900&display=swap);.widget{border-radius:20px;box-shadow:0 27px 55px 0 #0000004d,0 17px 17px 0 #00000026;cursor:pointer;display:flex;flex-wrap:wrap;font-family:Poiret One,sans-serif;height:300px;width:600px;.weatherIcon{align-items:center;background-color:#7ac7f3;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;flex:1 1 100%;font-size:100px;height:60%;justify-content:space-around;i{padding-top:30px}}.weatherInfo{align-items:center;background-color:#2e3336;border-bottom-left-radius:20px;color:#c5cdcf;display:flex;flex:0 0 70%;height:40%;.temperature{display:flex;flex:0 0 40%;font-size:65px;justify-content:space-around;width:100%}.description{display:flex;flex:0 1 60%;flex-direction:column;height:100%;justify-content:center;width:100%;.weatherCondition{font-size:20px;text-transform:uppercase}.place{font-size:15px}}}.date{align-items:center;background:#70c1b3;border-bottom-right-radius:20px;color:#fff;display:flex;flex:0 0 30%;flex-direction:column;font-size:30px;font-weight:800;height:40%;justify-content:center}}.small_widget{background-color:#fff;border:1px solid #fff;border-radius:20px;box-shadow:3px 8px 10px #a9a8a8;color:#bababa;display:flex;flex-direction:column;height:220px;justify-content:space-between;padding:10px;width:220px}.widget_icon{align-self:end}.city_name{text-transform:uppercase}.main{background-color:#81bbda;border-radius:25px;box-shadow:1px 5px 15px #00000080;color:#fff;cursor:pointer;height:55vh;padding:25px;text-align:center;width:60%}.date,.feels_like,.location,.temp_description,.weather-temp{font-size:2em;font-weight:700;text-transform:uppercase}.date{font-weight:400}.weather-temp{font-size:3em;line-height:1.3}.feels_like{font-size:1em;padding:3px}.temp_description{font-size:1.2em}.app{background-color:#eef2f5;font-family:Montserrat,sans-serif;height:100vh}
/*# sourceMappingURL=main.355c5902.css.map*/