@import url(https://fonts.googleapis.com/css?family=Merriweather:100,200,300,300i,400,400i,700);@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400);body{margin:0;padding:0;font-family:sans-serif}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background:-webkit-gradient(linear,left top,right top,from(#f77802),to(#894305));background:-webkit-linear-gradient(left,#f77802,#894305);background:-o-linear-gradient(left,#f77802,#894305);background:linear-gradient(90deg,#f77802,#894305);font-family:Open Sans,sans-serif}.wrapper{background:-webkit-gradient(linear,left top,right top,from(#f77802),to(#894305));background:-webkit-linear-gradient(left,#f77802,#894305);background:-o-linear-gradient(left,#f77802,#894305);background:linear-gradient(90deg,#f77802,#894305);height:100vh}.main,.wrapper{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.main{height:90%;width:75%;background:url(/weather/static/media/clouds.12e5c2fe.jpg) 50% no-repeat;background-size:cover;-webkit-box-shadow:0 26px 80px -26px rgba(0,0,0,.75);box-shadow:0 26px 80px -26px rgba(0,0,0,.75);margin:0}.titles{height:100%;width:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#fff}.titles__title{font-size:50px;letter-spacing:2px;line-height:1.3;font-family:Roboto Slab,serif;text-shadow:3px 3px 4px #00111b;margin:10px}.titles__subtitle{font-size:20px;font-style:italic;font-weight:100;letter-spacing:1px;line-height:1.5;font-family:Merriweather,serif;text-shadow:2px 2px 2px #00111b;margin:10px}.form{background-color:#093542;height:100%;width:50%}.form__text{padding-top:100px;padding-left:50px;height:100%}input[type=text]{background-color:transparent;border:0;border-bottom:1px solid #f77802;padding-bottom:4px;color:#fff!important;font-weight:lighter;letter-spacing:2px;margin-bottom:30px;margin-right:20px;font-size:20px;outline:none}input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #2c3e50 inset;-webkit-text-fill-color:#fff!important}button{border:0;padding:8px 20px;margin:0 20px 0 0;border-radius:2px;font-weight:lighter;letter-spacing:1px;font-size:15px;cursor:pointer;background-color:#f77802;color:#fff;font-weight:100}button:active{outline:none}.weather__info{width:60%;font-size:20px;font-weight:200;letter-spacing:2px}.weather__key{color:#f77802;border-bottom:2px solid hsla(0,0%,100%,.06);padding:20px 0;font-weight:400}.weather__key:last-child{border:0}.weather__value{color:#fff;font-weight:200}.weather__error{color:#f16051;font-size:20px;letter-spacing:1px;font-weight:200}@media only screen and (max-width:1590px){.main{width:90%}}@media only screen and (max-width:970px){form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.form__text{padding-top:50px;padding-left:20px;padding-right:20px}input[type=text]{margin-right:0}button{margin:0}}@media only screen and (max-width:620px){.titles__title{font-size:40px;margin-bottom:20px}}@media only screen and (max-width:550px){body{background:none;background-color:#093542}.main,.wrapper{height:100%}.main{-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}.main,.titles{width:100%}.titles__title{margin:10px;margin-bottom:10px;font-size:30px}.titles__subtitle{display:none}.form{width:100%}}@media only screen and (max-height:600px){.main,.wrapper{height:100%}.main{margin-top:20px;-webkit-box-shadow:0 0 0 0 transparent;box-shadow:0 0 0 0 transparent}}
/*# sourceMappingURL=main.8fc142de.css.map*/