.hide{display:none}html,select,button{color:#fff}button,select{background:#55d4fc}html{background-color:#10b8ec;font-family:sans-serif;text-align:center}header{padding-bottom:20px;padding-top:40px;position:relative}h1{font-size:50px;font-weight:300;margin:0;padding:10px}.time{font-size:35px;font-weight:400;padding-bottom:10px}.time h2{font-weight:300;margin-bottom:10px;padding-bottom:10px}select{border:#fff 2px solid;font-size:100%}button{border:2px solid rgba(255,255,255,0.2);font-size:15px;margin-bottom:20px;padding-bottom:15px;padding-top:12px;width:200px}button:hover{background-color:#fff;color:#10b8ec;cursor:pointer}.result__answer{font-size:50px;padding-bottom:20px}.result__text{font-size:30px;font-weight:300;padding-bottom:20px}.forecast{margin-left:auto;margin-right:auto;padding-bottom:35px}.forecast td{padding-left:10px;padding-right:10px}footer{color:#148cbb;font-size:12px;padding:10px;text-align:right}footer a{color:#fff}@media (min-width: 900px){section{height:100%;position:relative}header{margin-top:100px;padding-top:16px}h1{font-size:84px;font-weight:100}}@media (max-width: 400px){h1{font-size:40px}h2{font-size:30px}}