body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}.body{background-color:rgba(158,200,255,.644);height:100vh}.contain{background-image:linear-gradient(to left bottom,#0a275e,#2758b3,#58bbfd);border-radius:12px;height:85%;left:50%;max-width:950px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.heading{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:50px;font-weight:700;left:7%;position:absolute;top:5%}.search-box{background-color:#fff;border:none;border-radius:30px;display:flex;justify-content:space-between;left:72%;overflow:hidden;position:absolute;top:10%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:45%}.search{background-color:rgba(240,248,255,0);color:#505050;flex:1 1;padding:10px 5px;width:50%}.button,.search{border:3px solid #fff;border-radius:30px;outline:none}.button{background-color:#244792;color:#fff;min-width:60px;width:15%}.temp-box{background-color:rgba(255,0,34,0);height:150px;left:20%;padding-top:30px;position:absolute;top:70%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:550px}.temp{font-size:65px;left:42%;top:70%}.feel,.temp{color:#fff;font-family:Arial,Helvetica,sans-serif;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.feel{font-size:32px;left:50%;top:98%}.temp-pic{height:200px;left:43%;top:50%}.location_box,.temp-pic{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.location_box{background-color:rgba(255,0,0,0);height:130px;left:45%;top:35%;width:700px}.location{height:30px;left:0}.city,.location{position:absolute;top:15%}.city{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:25px;left:5%}.haze{color:#fff;font-size:39px;left:0;position:absolute;top:50%}.list-box li{display:flex;justify-content:space-around;line-height:40px;list-style:none;padding:25px 0 0 5px}.list-box li h4{color:#fff}.list_image{height:25px}.list-box{background-color:rgba(0,47,255,0);border-radius:15px;height:300px;left:80%;top:55%;width:230px}.copyright,.list-box{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.copyright{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:2vmin;left:50%;top:90%}@media screen and (max-width:768px){.contain{max-width:700px;overflow:hidden}.location_box{background-color:rgba(255,0,0,0);height:130px;left:58%;top:35%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:700px}}@media screen and (max-width:606px){.contain{border-radius:0;height:100vh;left:0;overflow:hidden;position:none;top:0;-webkit-transform:translate(0);transform:translate(0);width:100%}.list-box{height:150px;left:50%;position:absolute;top:63%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90%}.heading{display:none}.search-box{left:50%;top:6%;width:80%}.location_box{background-color:rgba(255,0,0,0);height:130px;left:50%;position:absolute;top:23%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:700px}.location{display:none}.city{font-family:Arial,Helvetica,sans-serif;font-size:18px;top:3%}.city,.haze{color:#fff;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.haze{font-size:28px;top:25%}.temp-pic{height:110px;top:30%}.temp-box,.temp-pic{left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.temp-box{background-color:rgba(255,0,34,0);height:150px;padding-top:30px;top:37%;width:550px}.temp{font-size:40px;top:70%}.feel,.temp{color:#fff;font-family:Arial,Helvetica,sans-serif;left:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.feel{font-size:25px;top:90%}.copyright{display:none}}
/*# sourceMappingURL=main.80d209d5.css.map*/