*{box-sizing:border-box}body{color:#bfc1c8;font-size:16px;font-family:"Roboto",sans-serif;line-height:1.5}body input,button{border:none;font-size:100%;outline:none}.weather-channel__container{background:#323544;height:100vh;position:relative}@media only screen and (min-width:800px){.weather-channel__container{max-width:800px;margin:3rem auto 0;border:1px solid #666;border-radius:10px;height:auto;box-shadow:5px 5px 10px #999}}.weather-condition{margin-bottom:50px}.weather-condition__location{margin-top:3rem;text-align:center;font-size:1.2rem;font-weight:700}.weather-condition__temp{color:#fff;margin-top:.75rem;text-align:center;font-size:5rem;font-weight:100}.weather-condition__desc{display:flex;justify-content:space-around;align-items:center;margin:2rem 5rem 0;text-align:center;font-size:.8rem;font-weight:400}.weather-condition__desc img{vertical-align:middle}.weather-condition__desc .citem{padding:0 0 3px 5px}@media only screen and (min-width:480px){.weather-condition{float:left;width:50%}}.forecast__switch{display:flex;justify-content:center;margin:1rem 0}.forecast__switch button{border-top:1px solid #999;border-bottom:1px solid #999;border-left:1px solid #999;background-color:#eee;color:#999;font-size:14px;cursor:pointer;margin:1px;padding:3px 18px}.forecast__switch button.switch-active{background-color:#009ad8;color:#fff}button.forecast__switch_0{border-top-left-radius:30px;border-bottom-left-radius:30px}button.forecast__switch_1{border-top-right-radius:30px;border-bottom-right-radius:30px}@media only screen and (min-width:480px){.weather-forecast{float:left;width:50%;margin:1rem 0;padding:0 2rem}}.weather-forecast__row{display:flex;align-items:center;flex-wrap:nowrap;padding-top:.4rem}.weather-forecast__day{flex:0.1 1;text-transform:uppercase}.weather-forecast__icon{flex:0.2 1;text-align:right}.weather-forecast__icon img{width:25px}.weather-forecast__high{color:#fff}.weather-forecast__high,.weather-forecast__low{flex:0.3 1;text-align:right}.flex-centered{display:flex;justify-content:center}header{background-color:rgba(0,0,0,.1);padding:.5rem 0 .5rem 1.5rem}.header__logo{margin-right:10px;vertical-align:middle;width:40px}.header__title{color:#fff;display:inline-block;font-size:1.2rem;font-weight:700;margin:0;vertical-align:middle}nav{box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 3px rgba(0,0,0,.24);padding:.8rem 0 .8rem 1rem;display:flex}.search-input{font-size:100%;border-radius:30px;background-color:#1e202b;color:#fff;padding:.5rem 1rem;width:180px}.search-btn{border:none;background-color:initial;margin-left:-39px}.search-btn,.temp-switch{cursor:pointer;color:#fff}.temp-switch{border-radius:30px;background-color:#009ad8;font-size:.9rem;margin-left:35px;padding:5px 28px}.temp-switch__icon{padding-right:5px}.weather-channel__footer{background-color:rgba(0,0,0,.1)}.weather-channel__footer p{margin:3px auto;text-align:center}@media only screen and (min-width:800px){.weather-channel__footer{clear:both;padding:8px 30px}}
/*# sourceMappingURL=main.53dc383b.chunk.css.map */