body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.Main{min-height:100vh;background:#2b4778}.Top{width:100%;height:50vh;position:relative}.LogoArea{position:absolute;width:32%;margin:1.5% .75% 2.25% 2.5%;height:97%}.LogoArea img{margin-top:5em;width:100%}.TopDesc{width:62%;height:97%;float:right;margin:1.5% 2.25% .75% 1.5%;color:#e1e1e1}.TopDesc .province{margin-top:1.5em;font-size:1.5em;font-weight:700;text-transform:capitalize}.TopDesc .time{font-size:.9em}.TopDesc .country{font-weight:700}.TopDesc .temp{font-size:7em}.TopDesc .weatherDesk{font-size:1.5em;font-weight:700;text-transform:capitalize}.MidSection{position:relative;width:100%;height:15vh}.SectionDiv{position:absolute;width:98%;height:14vh;margin-top:.5vh;margin-left:1%}.SectionDiv div{color:#133571;height:100%;width:19.1%;float:left;margin-right:.7%;background:#98a3b4;border-radius:4px}.SectionDiv div:first-child{margin-left:.9%}.SectionDiv div h5{height:25%;font-size:1em;color:#fff;padding-top:0;margin:0}.SectionDiv div .img{height:45%;width:100%;margin-top:0}.SectionDiv div .dailyTemp{height:30%;width:100%}.dailyTemp small{width:100%;color:#fff;font-weight:600;font-size:1.3em}.Bottom{position:relative;width:100%;height:35vh}.BottomSection{position:absolute;width:98%;height:34vh;margin-top:.5vh;margin-left:1%;background:rgba(203,223,189,.3)}.BottomSection .left,.BottomSection .right{width:46%;float:left;height:98%;margin-right:3%}.BottomSection .left{margin-left:2%}.left div,.right div{color:#f0f0f0;height:15%;width:100%;border-bottom:1px solid #b4b4b4}.label,.value{float:left;height:100%;margin:0;padding-top:.6em}.label{width:40%;color:#cddffe;text-align:left;padding-top:1.5em;padding-left:.5em;font-size:.7em;font-weight:500}.value{width:60%;font-weight:600;text-align:right;padding-right:.5em;font-size:.85em}.desc{text-transform:capitalize;padding-top:1.5em;font-size:.7em}.InputArea{padding-top:12px;margin-bottom:0!important}.InputArea input{background:#eee8ef;height:40px}.InputArea button{font-size:.95em;border:1px solid #eee8ef;color:#eee8ef}.Message{height:1.5em}.Message small{color:#eee8ef;font-size:.75em;font-weight:600}.ListOfCity{padding-top:2px}.ListOfCity li{background:#eee8ef;margin-bottom:.1em;padding:0;height:3.6em;color:#1b4286}.ListOfCity li:hover{cursor:pointer;background:rgba(230,240,240,.9)}.MainCity{width:60%;height:30%;text-align:left;float:left}.MainCity small{margin-left:2.1em;font-size:.7em}.MainCity h5{margin-left:.9em;font-size:1.35em;text-transform:capitalize}.MainTemp{width:40%;height:100%;margin-top:.05em;float:right;text-align:right}.MainTemp h5{margin-top:.08em;margin-right:.65em;font-size:2.5em}.ListOfCity li button{position:absolute;right:.3em;top:-.35em}.ListOfCity li button span{font-size:.65em;color:#1b4286}.noCity{background:transparent!important;height:60%!important;border:none!important}.noCity h5{width:100%;font-size:1.5em;text-align:center;color:rgba(238,232,239,.3)}.FooterBottom{width:100%;height:15%;margin-top:5px;color:#eee8ef}.FooterBottom .degrees,.FooterBottom .MyName{float:left;height:15%;width:33.33%}.degrees{font-size:1.1em;text-align:left;height:15%;padding-left:.8em}.degrees small{font-weight:800}.MyName small{height:15%;font-weight:600}.Add{height:15%;text-align:right;padding-right:1em;font-size:1.1em}.Add i{margin-top:.5em}.Add small{font-size:.75em;font-weight:600}.unselected{color:rgba(160,190,190,.9)}
/*# sourceMappingURL=main.d853e443.chunk.css.map */