body{font:normal 11px "Helvetica Neue",Helvetica,sans-serif;color:#f4f4f4;margin:0}.forecast-page{background-size:cover!important;overflow:auto;transition:background 2s ease-in;width:100%;height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column}.forecast-page .data-container{display:flex;flex-direction:column;min-height:-webkit-min-content;min-height:-moz-min-content;min-height:min-content}.forecast-page .forecast{display:flex;justify-content:center;align-items:stretch}.forecast-page .forecast .forecast-info{display:flex;flex-direction:column;font-size:1.4rem;font-weight:700;width:30%;padding-top:30px;padding-bottom:30px;line-height:1.6;justify-content:space-between}.forecast-page .forecast .forecast-info.left{padding-right:15px;align-items:flex-end}.forecast-page .forecast .forecast-info.right{padding-left:15px}.forecast-page .forecast .forecast-info .date{text-transform:uppercase;font-size:1.7rem}.forecast-page .forecast .forecast-info .current-temp{font-size:4rem;line-height:70px}.forecast-page .forecast .forecast-info .min-max-temp{font-size:2rem;font-weight:400}.forecast-page .forecast .today-img{display:flex;align-items:center;justify-content:center}.forecast-page .with-background{background:rgba(68,68,68,.7);margin:30px;min-height:-webkit-min-content;min-height:-moz-min-content;min-height:min-content}.forecast-page .weekly-temperatures{background:rgba(68,68,68,.7);display:flex;font-size:28px;margin-top:auto}.forecast-page .weekly-temperatures .day-of-week-box{width:16.6%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px 0}.forecast-page .day-name{padding:4px 12px;border-radius:20px;font-size:28px;font-weight:700;color:#fff}.forecast-page .day-img{padding:25px}.city{font-size:84px;text-transform:capitalize;text-align:center;margin-top:25px;margin-bottom:25px}.country{font-size:42px;text-align:center;margin-top:10px}.flex-column{display:flex;flex-direction:column}.error-message{font-size:3rem;padding:45px;text-align:center}@media only screen and (max-width:725px){.forecast-page .forecast{flex-wrap:wrap;height:auto}.forecast-page .forecast .forecast-info{width:100%;height:auto;padding-left:20px!important;padding-right:20px!important;line-height:2;align-items:center!important}.forecast-page .forecast .forecast-info.left{padding-right:0;padding-top:20px}.forecast-page .forecast .forecast-info.right{padding-bottom:20px}.forecast-page .forecast .forecast-info .info{text-align:center}.today-img{width:100%;text-align:center}}@media only screen and (max-width:600px){.forecast-page .weekly-temperatures{flex-wrap:wrap}.forecast-page .weekly-temperatures .day-of-week-box{width:33.3%}}@media only screen and (max-width:400px){.city{font-size:66px}.country{font-size:33px}}@media only screen and (max-width:350px){.forecast-page .weekly-temperatures .day-of-week-box{width:50%}}@media only screen and (max-width:270px){.today-img img{height:100px!important}}