@import url(https://fonts.googleapis.com/css2?family=Encode+Sans+SC:wght@100;200&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron&family=Poppins:wght@200;300;400;500;600&family=Teko:wght@300&display=swap);body{margin: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;background-image:url(https://images.pexels.com/photos/3941855/pexels-photo-3941855.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500)!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App .header,.App .main .city_name{display:flex;align-items:center;justify-content:center}.App .Clear,.App .Clouds,.App .Fog,.App .Haze,.App .Mist,.App .Rain,.App .Thunderstorm{background-repeat:no-repeat;background-size:100vw 100vh;background-image:url(https://images.pexels.com/photos/3941855/pexels-photo-3941855.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500);background-position:top;min-height:100vh;box-shadow:inset 0 0 0 1000px rgba(0,0,0,.3);height:100vh;overflow-y:scroll;overflow-x:hidden}.App .Clear::-webkit-scrollbar,.App .Clouds::-webkit-scrollbar,.App .Fog::-webkit-scrollbar,.App .Haze::-webkit-scrollbar,.App .Mist::-webkit-scrollbar,.App .Rain::-webkit-scrollbar,.App .Thunderstorm::-webkit-scrollbar{display:none}*{margin:0;padding:0;box-sizing:border-box;transition:all .7s}.App{background-image:url(https://images.pexels.com/photos/3941855/pexels-photo-3941855.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500);background-repeat:no-repeat;background-size:cover;background-color:#000;box-shadow:inset 0 0 0 1000px rgba(0,0,0,.384);text-align:center;font-family:"Poppins",sans-serif;min-height:100vh;color:#fff;height:100vh;overflow-y:scroll}.App::-webkit-scrollbar{display:none}.App .Clear{background-image:url(https://images.pexels.com/photos/754419/pexels-photo-754419.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500);background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.527)),url(https://images.pexels.com/photos/754419/pexels-photo-754419.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500)}.App .Fog,.App .Mist{background-image:url(https://images.pexels.com/photos/2966315/pexels-photo-2966315.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.527)),url(https://images.pexels.com/photos/2966315/pexels-photo-2966315.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940)}.App .Clouds{background-image:url(https://images.pexels.com/photos/3560044/pexels-photo-3560044.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500);background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.527)),url(https://images.unsplash.com/photo-1515890922410-ae767899d6b3?auto=format&fit=crop&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&q=80&w=334)}.App .Haze{background-image:url(https://images.pexels.com/photos/1809644/pexels-photo-1809644.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260);background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.527)),url(https://images.pexels.com/photos/1809644/pexels-photo-1809644.jpeg?auto=compress&cs=tinysrgb&dpr=3&h=750&w=1260)}.App .Thunderstorm{background-image:url(https://images.pexels.com/photos/1162251/pexels-photo-1162251.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500);background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.527)),url(https://images.pexels.com/photos/1162251/pexels-photo-1162251.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500)}.App .Rain{background-image:url(https://images.pexels.com/photos/107583/pexels-photo-107583.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500);background-image:linear-gradient(180deg,transparent,rgba(0,0,0,.527)),url(https://images.pexels.com/photos/107583/pexels-photo-107583.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500)}.App .header{flex-wrap:wrap;justify-content:space-around;padding:20px}.App .header .logo{min-width:200px}.App .header .logo:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.App .header .form{width:70vw}.App .header .form:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.App .main .city_name{font-size:3rem;font-weight:500}.App .main .city_name:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}.App .main .city_name .main_logo{-webkit-filter:contrast(200%);filter:contrast(200%);-webkit-animation:icon 1s linear infinite;animation:icon 1s linear infinite}@-webkit-keyframes icon{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes icon{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.App .main .country{margin:-25px auto 0;color:#b9b3b3}.App .main .temp{font-size:5rem;font-family:"Orbitron",sans-serif;font-weight:200}.App .main .temp:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.App .main .description{font-weight:400;font-size:2rem;text-transform:capitalize;color:#a9a9a9}.form-control{width:60vw;height:40px;background-color:#c8c8c8;border-radius:5px}.form-control:hover{-webkit-transform:scale(1);transform:scale(1);border-color:rgba(73,73,73,.212)}.weblogo{width:60%;height:7%;margin-bottom:10px}.oops{margin-top:5%!important;width:70%;height:20%;margin:auto}#button-addon2{width:45px;height:30px;margin-bottom:10px}.forecast-item{width:100%;height:180px;border-radius:10px;border:1px solid #eee;transition:all .2s ease-in-out;margin-bottom:10px;margin-right:20px}.top{margin-right:8px}.body{background-color:grey}.top:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.date{width:75%;background-color:#3c3c44;height:30px;border-radius:20px;margin:5px auto auto}.date h2{text-align:center;color:#fff;font-size:medium}.day-forecast{display:flex;flex-direction:column}.map2{display:flex;overflow-x:scroll;overflow-y:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}::-webkit-scrollbar-thumb{width:10px!important;border-radius:10px;background:rgba(88,88,88,.534);box-shadow:inset 0 0 6px rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:window-inactive{background:rgba(73,73,73,.212)}.iconn{width:35px;height:35px;border-color:#fff;background-color:#f3f3f3;border-radius:50%;color:#fff;justify-content:center;margin:auto;align-items:center}.moonimg,.sunimg{width:40%;height:100px}.moonimg{border-radius:50%}.footer{width:100%;height:30px;background-color:#000}.footer p{color:#fff;text-align:center;margin:auto}html{scroll-behavior:smooth;-webkit-user-select:none;-ms-user-select:none;user-select:none}html::-webkit-scrollbar{display:none}.forecast .day_details{display:flex;background-color:rgba(0,0,0,.319);background:linear-gradient(transparent,rgba(0,0,0,.581))}.forecast .last{color:#2c2b2b;font-size:smaller;text-align:left;margin-bottom:-3.5px;font-weight:700}.forecast .Hourly .map{display:flex;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;scrollbar-width:thin;border-bottom:2px solid rgba(58,57,57,.38823529411764707);border-top:2px solid rgba(51,50,50,.49411764705882355);padding:10px}.forecast .Hourly .map .hour{display:flex;flex-direction:column;height:100px;margin:10px}.forecast .Hourly .map .hour:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.forecast .Hourly .map .hour p,.forecast .Hourly .map .hour span{font-size:small}.forecast .Hourly .map .hour .icon{height:70px;-webkit-filter:contrast(200%);filter:contrast(200%)}.forecast .Hourly .map::-webkit-scrollbar{width:10px}.forecast .Hourly .map::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}.forecast .Hourly .map::-webkit-scrollbar-thumb{width:10px!important;border-radius:10px;background:rgba(88,88,88,.534);box-shadow:inset 0 0 6px rgba(0,0,0,.5)}.forecast .Hourly .map::-webkit-scrollbar-thumb:window-inactive{background:rgba(73,73,73,.212)}.forecast .daily .map2{display:flex;flex-direction:column;align-items:center}.forecast .daily .map2 .day{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:90vw;border-bottom:1px solid rgba(58,56,56,.5215686274509804)}.forecast .daily .map2 .day:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.forecast .daily .map2 .day .icon{position:relative;margin:1px auto;height:60px;-webkit-filter:contrast(200%);filter:contrast(200%)}.forecast .day_details{flex-direction:column}.forecast .day_details hr{width:85vw;color:#a5a5a5;align-self:center;height:3px;border-radius:20px}.forecast .day_details .others{display:flex;margin:auto;padding:20px;flex-direction:row;justify-content:space-around;width:100vw;overflow-x:visible}@media (min-width:600px){.forecast .day_details .others{width:85vw}}.forecast .day_details .others div{display:flex;flex-direction:column}.forecast .day_details .others div:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.forecast .day_details .others div .icon{font-size:30px}@media (max-width:600px){.forecast .day_details .others div .icon{font-size:25px}.forecast .day_details .others div span{font-size:10px}}.forecast .day_details .humidity,.forecast .day_details .wind{display:flex;margin:auto;padding:20px;flex-direction:column;width:100vw}.forecast .day_details .humidity h1,.forecast .day_details .wind h1{font-weight:500;font-size:1.8rem;color:#f5f5f5;text-align:left}.forecast .day_details .humidity .arrow,.forecast .day_details .wind .arrow{font-size:2rem}.forecast .day_details .humidity div,.forecast .day_details .wind div{display:flex;justify-content:space-around;align-items:center;flex-direction:row}.forecast .day_details .humidity div div,.forecast .day_details .wind div div{display:flex;flex-direction:column;align-items:center;justify-content:space-around}.forecast .day_details .humidity div div #humidity_value,.forecast .day_details .wind div div #humidity_value{font-size:60px}.forecast .day_details .humidity div div .windmill,.forecast .day_details .wind div div .windmill{width:30vw;height:150px}@media (min-width:800px){.forecast .day_details .humidity div div .windmill,.forecast .day_details .wind div div .windmill{height:250px;width:15vw}}.forecast .day_details .humidity div .content,.forecast .day_details .wind div .content{display:flex!important;flex-direction:column;justify-content:flex-start;align-items:flex-start}.forecast .day_details .humidity div .content span,.forecast .day_details .wind div .content span{font-size:1.2rem}.forecast .day_details .sun_moon{display:flex;margin:30px auto;padding:20px;width:100vw;justify-content:center;flex-wrap:wrap}@media (min-width:600px){.forecast .day_details .sun_moon hr{border:none;border-left:1px solid #73848c;height:150px;width:2px}}.forecast .day_details .sun_moon .moon,.forecast .day_details .sun_moon .sun{width:35vw;padding:15px}@media (max-width:600px){.forecast .day_details .sun_moon .moon,.forecast .day_details .sun_moon .sun{width:70vw}}.forecast .day_details .sun_moon .moon .icon,.forecast .day_details .sun_moon .sun .icon{font-size:5rem;-webkit-animation:icon 1s linear infinite;animation:icon 1s linear infinite}.forecast .day_details .sun_moon .moon div,.forecast .day_details .sun_moon .sun div{padding:20px}.forecast .day_details .sun_moon .moon div p,.forecast .day_details .sun_moon .sun div p{font-size:1rem;margin:auto;text-align:center}@media (max-width:600px){html{font-size:85%}.wind h1{font-size:1rem}.last{color:grey;font-size:smaller}.day_details .sun_moon .sun,.moon{width:70vw}}.SECTION{height:100vh;background-color:#304860;background-repeat:no-repeat;background-position:50%;background-size:contain;background-image:url(https://i.pinimg.com/originals/0e/f3/bb/0ef3bb66d9216fffcea9022628f7bb26.gif)}
/*# sourceMappingURL=main.a2e9918c.chunk.css.map */