body{margin:0;padding:0;background-color:#21252b;color:#fff;align-items:center;justify-content:center;font-family:Myriad Pro}.main,body{display:flex}.main{height:800px;width:384px;border:5px solid #fff;border-radius:45px;margin-top:50px;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:space-between}@media (max-width:425px){.main{height:100vh;width:100vw;margin:0;border:none;border-radius:0}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{background-color:transparent!important;-webkit-text-fill-color:#fff;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}button:focus,input:focus{outline:none}.nav{padding:15px;display:flex;flex-direction:row;width:100%}@media (max-width:425px){.nav{padding:0}}.nav .changeUnitsWrapper{margin-top:20px}@media (max-width:425px){.nav .changeUnitsWrapper{padding-top:15px}}.nav .changeUnitsWrapper button{background:none;border:none;color:hsla(0,0%,77.6%,.8);font-size:18px;padding:10px;border:1px solid hsla(0,0%,77.6%,.5)}.nav form{width:80%;display:flex;flex-direction:row}@media (max-width:425px){.nav form{padding-top:15px;padding-left:15px}}.nav form button{background:none;border:none;color:hsla(0,0%,77.6%,.8);font-size:18px;padding:10px 25px 10px 10px;margin-top:10px}.nav form .formWrap{display:inline-block;width:75%;top:10px;position:relative;margin-top:15px;margin-bottom:25px}.nav form .formWrap .form-line{position:absolute;color:hsla(0,0%,77.6%,.8);width:100%;height:1px;background-color:hsla(0,0%,77.6%,.8);top:0;bottom:0;margin:auto;transition:transform .15s ease-out}.nav form .formWrap .form-line.filled,.nav form .formWrap .form-line.focused{transform:translateY(13px)}.nav form .formWrap .text-wrap{position:relative}.nav form .formWrap .text-wrap input{width:100%;color:hsla(0,0%,77.6%,.8);border:none;background-color:transparent;font-size:26px}.insideWrapper{display:flex;flex-direction:column;width:100%}.insideWrapper .top{margin-bottom:20px;margin-left:40px;margin-right:40px}.insideWrapper .top .location{color:hsla(0,0%,100%,.8);font-size:26px}.insideWrapper .top .tempDate{display:flex;flex-direction:row}.insideWrapper .top .tempDate .temp{color:#fff;font-size:116px;font-weight:300}@media (max-width:375px){.insideWrapper .top .tempDate .temp{font-size:96px}}.insideWrapper .top .tempDate .dateTime{color:hsla(0,0%,100%,.8);font-size:26px;align-items:flex-end;display:flex}.insideWrapper .top .tempDate .dateTime .time{margin-bottom:40px}.insideWrapper .top .feels{color:hsla(0,0%,100%,.5);font-size:12px}.insideWrapper .center{margin-bottom:20px;margin-left:40px;margin-right:40px}.insideWrapper .center .info{height:55px;width:100%;margin-bottom:25px;display:flex;flex-direction:row}.insideWrapper .center .info .cloudiness,.insideWrapper .center .info .humidity,.insideWrapper .center .info .pressure{flex:1 1}.insideWrapper .center .info .infoTopText{text-align:center;color:hsla(0,0%,100%,.7);margin-bottom:10px}.insideWrapper .center .info .infoBotText{text-align:center;color:#fff;font-weight:700}.insideWrapper .center .windWrap{display:flex;flex-direction:row;align-items:center;justify-content:center}.insideWrapper .center .windWrap .windTitle{color:#fff;font-weight:700;margin-right:30px}.insideWrapper .center .windWrap .windData{color:hsla(0,0%,100%,.7)}.insideWrapper .bottom{margin-bottom:55px;margin-left:40px;margin-right:40px}.insideWrapper .bottom .condition{color:hsla(0,0%,77.6%,.8);font-size:16px;text-align:center}
/*# sourceMappingURL=main.9e6a771c.chunk.css.map */