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}.App{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;text-align:center;-webkit-user-select:none;user-select:none}*{-ms-overflow-style:none}::-webkit-scrollbar{display:none}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.weatherdashboard{background:linear-gradient(130deg,#444 2%,#2d2d2d 71%);border:2px solid #333;color:#fff;flex-direction:column;height:100%;min-width:305px;padding:20px 8px 10px}.sec,.weatherdashboard{align-items:center;box-sizing:border-box;display:flex;justify-content:space-around;width:100%}.sec{margin:10px 0;padding:12px 0}.search-bar,.sec{flex-direction:row}.search-bar{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:40px 0;width:100%}form{background:#444;border:3px solid #333;display:flex;min-width:140px;padding:2px 12px;text-align:left;width:30%}form,input[type=button]{border-radius:30px;color:#fff}input[type=button]{background:#1f7b1f;cursor:pointer;font-weight:600;line-height:36px;margin-left:8px;padding:0 20px}input[type=button],input[type=text]{border:none;font-size:16px;outline:none}input[type=text]{background:#444;color:#fff;line-height:30px;width:100%}form img{margin-right:8px;width:16px}footer a{color:#2cd4fe;text-decoration:none}@media only screen and (max-width:700px){.sec{flex-direction:column}}.dt{align-items:center;background:#444;border-radius:30px;box-shadow:10px 10px 4px 0 #00000080;box-sizing:border-box;display:flex;flex-direction:column;height:220px;justify-content:center;margin:0 12px;min-width:300px;width:30%}.place{font-family:Poppins;font-family:sans-serif;font-size:32px}.place,.time{color:#fff;font-style:normal;font-weight:700;line-height:normal}.time{font-size:48px;margin:8px 0}.date,.time{font-family:Poppins}.date{color:#fff;font-size:20px;font-style:normal;font-weight:400;line-height:normal}@media only screen and (min-width:700px) and (max-width:900px){.dt{width:40%}}@media only screen and (max-width:700px){.dt{margin:12px 0 40px;width:80%}}.weather{background:#444;border-radius:30px;box-shadow:10px 10px 4px 0 #00000080;flex-wrap:wrap;justify-content:center;margin:0 12px;min-width:300px;padding:2px 8px;width:55%}.temp-day,.weather{align-items:center;box-sizing:border-box;display:flex;flex-direction:row}.temp-day{color:#fff;flex-wrap:nowrap;font-family:Poppins;font-size:14px;font-style:normal;justify-content:space-around;width:50%}.temp-con{align-items:center;display:flex;flex-direction:column;justify-content:start;min-width:140px;width:40%}.temp{margin:12px 0 20px;width:100%}.temp h1{margin:4px 0}.sun{align-items:center;display:flex;justify-content:center;margin:4px;width:100%}.sun-text h3,.sun-text p{margin:4px auto}.sun-text{text-wrap:nowrap;margin:0 20px}.w-img{min-height:30px;min-width:30px;width:32px}.day{align-items:center;display:flex;flex-direction:column;height:200px;justify-content:flex-start;width:35%}.day-img{margin:3px 0;min-width:30px;width:120px}.day-desc{font-size:28px;margin-top:16px;text-align:center;width:100%}.day-desc,.weather-details{color:#fff;font-family:Poppins;font-style:normal;font-weight:700;line-height:normal}.weather-details{box-sizing:border-box;flex-direction:column;margin:4px 0 4px 8px;min-width:140px;width:40%}.weather-details,.weather-details>div{align-items:center;display:flex;justify-content:center}.weather-details>div{margin:0 8px}.w-detail{margin:12px 8px;min-width:70px}.w-detail h4,.w-detail p{margin:2px 0}@media only screen and (min-width:700px) and (max-width:900px){.weather{flex-direction:column}.temp-con{width:50%}.temp-day{justify-content:flex-start;width:100%}.weather-details{flex-direction:row;width:100%}}@media only screen and (min-width:550px) and (max-width:700px){.weather{width:78%}}@media only screen and (max-width:550px){.weather{flex-direction:column;width:78%}.weather-details{flex-direction:row;justify-content:center;margin:12px 0;width:100%}.temp-day{justify-content:space-around;width:100%}.w-detail{font-size:.9rem;margin:4px 8px;min-width:30px}.weather-details>div{justify-content:space-around}.day{justify-content:center}}.dayforecast{background-color:#444;border:2px solid #333;border-radius:30px;box-shadow:10px 10px 4px 0 #00000080;box-sizing:border-box;color:#fff;flex-direction:column;justify-content:center;min-width:260px;padding:10px 0;width:38%}.daydata,.dayforecast{align-items:center;display:flex}.daydata{flex-direction:row;justify-content:space-around;margin:4px 0;width:100%}@media only screen and (min-width:550px) and (max-width:700px){.dayforecast{margin:0 0 30px;padding:0 0 20px;width:78%}.daydata{width:80%}}@media only screen and (max-width:550px){.dayforecast{margin:0 0 30px;min-width:300px;padding:0 0 20px;width:78%}.daydata{width:100%}}.hourforecast{align-items:center;background:#444;border:2px solid #333;border-radius:30px;box-shadow:10px 10px 4px 0 #00000080;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:center;min-width:300px;padding:4px 12px 16px;width:55%}h2{margin:12px 0 16px}.hw-details{flex-direction:row;justify-content:space-around;width:100%}.hour-data,.hw-details{align-items:center;display:flex}.hour-data{background:#373636;border-radius:30px;color:#fff;flex-direction:column;justify-content:center;min-width:66px;padding:12px 0;width:14%}.hour-data h3{margin:12px 0 4px}.hour-data div,.hour-data p{margin:4px 0}@media only screen and (min-width:550px) and (max-width:700px){.hourforecast{margin:12px 0;width:78%}}@media only screen and (max-width:550px){.hourforecast{margin:12px 0;min-width:300px;width:78%}.hw-details{flex-direction:column}.hour-data{flex-direction:row;justify-content:space-around;margin:4px 0;padding:4px 0;width:100%}}
/*# sourceMappingURL=main.9bf1218f.css.map*/