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}*{box-sizing:border-box;margin:0;padding:0}.loder{align-items:center;display:flex;height:90vh;justify-content:center}.maindiv{background-size:cover;display:flex;height:auto;width:100%}.sidebarheader{align-items:center;display:flex;font-size:10px;justify-content:center;padding:10px;transition:left .1s ease-in-out}.sidebarheader img{height:20px;margin:10px 0 0 30px}.sidebarheader img:hover{opacity:.5}.title{align-items:center;display:flex;text-align:center;width:50%}.titlenameon{margin-left:0}.titlenameoff{display:none}.sideicon{align-items:center;display:flex;height:10vh;justify-content:center;width:6vw}.sideicon img{height:40px;transition:.5s ease-in-out}.sidelistitem{margin-top:20px;transition:left .9s ease-in-out}.sidelistitem img{height:30px}.sidelistitem li{border-bottom:1px solid;cursor:pointer;font-family:sans-serif;font-size:20px;padding:10px}.sidelistitem li:hover{background-color:#fff}.sidelistitem a{color:#000;text-decoration:none}.headermain{background-size:auto;width:100%}.header{align-items:center;background-color:initial;background-color:rgba(30,169,194,.5);display:flex;height:10vh;width:100%}.searchbox{width:50%}.search,.searchboxclose{width:100%}.search{float:right}.search input{border:1px solid;border-radius:10px;cursor:auto;float:right;font-size:15px;height:40px;margin-right:50px;padding:10px;position:relative}.search input,.searchlist{font-family:sans-serif;width:200px}.searchlist{background-color:#1ea9c2;font-size:20px;left:84%;max-height:250px;overflow:auto;position:fixed;top:8%}.searchlist li{cursor:pointer;list-style-type:none;padding:10px}.searchlist li:hover{background-color:#fff}.maincontent{background-color:initial;background-repeat:no-repeat;background-size:cover;display:flex;height:90vh;width:100%}.leftsidebar{transition:.3s;width:15%}.leftsidebar,.leftsidebar1{background-color:#1ea9c2;height:100vh auto}.leftsidebar1{width:0}.middlecontent,.middlecontentmap{margin:20px;width:70%}.rightcontent{margin:20px 20px 20px 0;width:30%}.rightcontent h3{color:rgba(0,0,0,.4);margin:15px 30px}.forcasttime{height:auto}.forcastday,.forcasttime{background-color:rgba(0,0,0,.1);border-radius:20px;padding:5px}.forcastday{margin-top:19px}.forcast{align-items:center;display:grid;font-size:10px;grid-template-columns:100px 100px 100px auto;grid-template-rows:43px 22px;justify-content:center}.forcast img{height:63px}.img{background-color:rgba(0,0,0,.1);border-radius:20px;padding:28px 60px}.img img{float:right;height:150px}.content{grid-gap:20px;grid-row-gap:40px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-top:20px;row-gap:40px;text-align:center}.boxdata{margin-left:20px}.smallbox{padding:24px}.smallbox,.smallboxhumidity{border:1px solid;border-radius:20px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);font-size:19px;font-weight:600;position:relative}.smallboxhumidity{padding:50px}.smallboxwind{background-position:50%;border:1px solid;border-radius:20px;box-shadow:0 0 10px 1px rgba(0,0,0,.1);font-size:19px;font-weight:600;padding:24px;position:relative}.humiditybox{background-color:rgba(0,0,0,.1);border-radius:20px;bottom:0;left:0;padding:28px;position:absolute;right:0;top:0}.svg{left:50px;position:absolute;top:10px}.svg svg{height:80px;width:80px}.svg img{-webkit-animation:move 4s linear infinite;animation:move 4s linear infinite;height:80px;-webkit-transform-origin:center bottom;transform-origin:center bottom}.tempdiv{height:50px;width:100%}.svgtemp{left:30px;position:absolute;top:10px}.svgtemp img{-webkit-animation:move 4s linear infinite;animation:move 4s linear infinite;height:80px;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes move{0%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}25%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}50%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}75%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@keyframes move{0%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}25%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}50%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}75%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}#circle{-webkit-animation:fan linear infinite;animation:fan linear infinite;-webkit-animation-duration:10s;animation-duration:10s;height:10px;position:absolute;-webkit-transform:rotate(0deg);transform:rotate(0deg);transform-box:fill-box;-webkit-transform-origin:center;transform-origin:center;transition:.9s;z-index:1}@-webkit-keyframes fan{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fan{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.pressuresvg{left:50px;position:absolute;top:5px}.pressuresvg svg{height:120px;width:120px}#mettersvg{height:100px;width:130px}#arrow{-webkit-animation:arrow 2s linear infinite;animation:arrow 2s linear infinite;position:absolute;-webkit-transform:rotate(10deg);transform:rotate(10deg);transform-box:fill-box;-webkit-transform-origin:center bottom;transform-origin:center bottom;transition:-webkit-transform .9s ease-in-out;transition:transform .9s ease-in-out;transition:transform .9s ease-in-out,-webkit-transform .9s ease-in-out}.maintempdiv{justifycontent:center;alignitems:center;display:flex}@media screen and (max-width:480px){.header{position:-webkit-sticky;position:sticky;top:0;z-index:1}.maincontent,.maindiv{display:block}.maincontent{height:100%;z-index:-1}.middlecontent{margin:0 0 0 5%;padding-bottom:5%;padding-top:5%;width:90%}.content{grid-template-columns:repeat(1,1fr);z-index:-1}.rightcontent{margin:0 0 0 5%;padding-bottom:25px;width:90%}.rightcontent h3{margin:25px 20px}.leftsidebar{height:17vh;position:fixed;top:65px;transition:.5s;visibility:visible;width:100%;z-index:1}.leftsidebar1{display:flex;height:0;width:100%}.title{font-size:10px}.titlenameon{margin:0}.sideicon{width:15vw}.sideicon img{height:25px}.forcast{grid-template-columns:repeat(3,80px) auto}.sidebarheader{display:none}.sidelistitem{margin-top:0}.titlenameoff{display:flex}.forcast img{height:50px;margin-left:10px}.humidity{padding:49px}.search input{height:30px;margin-right:20px;width:150px}.searchlist{left:10px;position:absolute;top:33px;width:150px;z-index:1}.searchbox{position:relative}.searchboxclose{width:50%}.img{padding:50px 10px;text-align:center}.img img{float:none;padding:10px}.pressuresvg{left:8px;top:20px}.pressuresvg svg{height:100px;width:100px}.svg{left:22px}.emoji{left:5%}.content{margin-top:30px}.maximum,.minimum{font-size:15px}.svgtemp{left:10px}.svgtemp img{height:65px}.middlecontentmap{width:90%}#mettersvg{height:114px;width:109px}.maintempdiv{justifycontent:center;alignitems:center;display:flex;font-size:17px}}@media screen and (min-width:481px) and (max-width:768px){.header{position:-webkit-sticky;position:sticky;top:0}.maincontent,.maindiv{display:block}.maincontent{height:100%;position:relative;z-index:-1}.middlecontent{margin:0 0 0 5%;padding-bottom:5%;padding-top:5%;width:90%}.content{grid-template-columns:repeat(1,1fr)}.rightcontent{margin:0 0 0 5%;padding-bottom:25px;width:90%}.rightcontent h3{margin:26px 36px}.leftsidebar{height:17vh;position:fixed;top:68px;transition:.5s;visibility:visible;width:100%;z-index:1}.leftsidebar1{display:flex;height:0;width:100%}.title{font-size:15px}.titlenameon{margin:0}.sideicon{width:12vw}.sideicon img{height:30px}.forcast{font-size:12px;grid-template-columns:repeat(3,100px) auto;justify-content:space-around}.sidebarheader{display:none}.sidelistitem{margin-top:0}.titlenameoff{display:flex}.forcast img{height:50px;margin-left:10px}.humidity{padding:49px}.search input{height:35px;margin-right:25px;width:180px}.searchlist{left:172px;position:absolute;top:38px;width:175px}.searchbox{position:relative}.searchboxclose{width:50%}.img{padding:50px}.img h1{display:block}.content{margin-top:30px}.maximum,.minimum{font-size:19px}.middlecontentmap{margin:35px;width:90%}.svg{left:30px}}@media screen and (min-width:769px) and (max-width:1024px){.header{position:-webkit-sticky;position:sticky;top:0}.maincontent,.maindiv{display:block}.maincontent{height:100%;position:relative;z-index:-1}.middlecontent{margin:0 0 0 5%;padding-bottom:5%;padding-top:5%;width:90%}.content{grid-template-columns:repeat(1,1fr)}.rightcontent{margin:0 0 0 5%;padding-bottom:25px;width:90%}.rightcontent h3{margin:26px 36px}.leftsidebar{height:17vh;position:fixed;top:68px;transition:.5s;visibility:visible;width:100%;z-index:1}.leftsidebar1{display:flex;height:0;width:100%}.title{font-size:20px}.titlenameon{margin:0}.sideicon{width:12vw}.sideicon img{height:45px}.forcast{font-size:12px;grid-template-columns:repeat(3,100px) auto;justify-content:space-around}.sidebarheader{display:none}.sidelistitem{margin-top:0}.titlenameoff{display:flex}.forcast img{height:50px;margin-left:10px}.humidity{padding:49px}.search input{height:35px;margin-right:25px;width:180px}.searchlist{left:172px;position:absolute;top:38px;width:175px}.searchbox{position:relative}.searchboxclose{width:50%}.img{padding:50px}.img h1{display:block}.emoji{left:9%}.content{margin-top:30px}.maximum,.minimum{font-size:19px}.tempemoji{height:85px;left:12%;top:-9px}.middlecontentmap{margin:35px;width:90%}}@media screen and (width:414px){.leftsidebar{top:89px}}
/*# sourceMappingURL=main.464cde19.css.map*/