@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/weather-icons/2.0.10/css/weather-icons.min.css);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{text-align:center}.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)}}.light{background-color:#72ddf7}.light-container{background-color:#fff7e6;color:#333}.dark-container{background-color:#000}.dark{background-color:#212529;color:#fff!important}.dropdown-item,.dropdown-item:hover{color:inherit!important}.dropdown-item:hover{background-color:#ffffff1a!important}.now{font-size:27px;line-height:42px;padding-left:20px;padding-top:25px}.now span{font-size:48px}.sun{margin-top:50px}.others,.sun{font-size:20px}.others{margin-top:35px}.others b{font-size:19px}.smoke{line-height:4vh;padding-left:4vw;padding-right:1vw;padding-top:5.5vh}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}.weather-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.star{animation:twinkle 4s ease-in-out infinite;background-color:#fff;border-radius:50%;opacity:.6;position:absolute;z-index:0}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.8;transform:scale(1.2)}}.weather-card{-ms-overflow-style:none;max-height:90vh;overflow-y:auto;position:relative;scrollbar-width:none;z-index:1}.weather-card::-webkit-scrollbar{display:none}.container{height:100%;max-width:1200px;padding:0 15px}.temperature-display{flex-direction:column;margin-bottom:20px}.current-temp,.temperature-display{align-items:flex-start;display:flex}.current-temp{margin-bottom:10px}.temp-value{font-size:4.5rem;font-weight:700;line-height:1}.temp-unit{font-size:1.8rem;font-weight:600;margin-left:5px;margin-top:8px}.weather-description{align-items:center;display:flex;font-size:1.4rem;margin-bottom:8px}.weather-description i{font-size:1.8rem;margin-right:8px}.feels-like{font-size:1.1rem;opacity:.85}.weather-details{border-left:1px solid #fff3;padding-left:20px}.details-section{margin-bottom:20px}.details-section h3{align-items:center;display:flex;font-size:1.3rem;margin-bottom:12px}.details-section h3 i{margin-right:8px}.sun-times{display:flex;flex-direction:column;gap:12px}.sun-item{align-items:center;display:flex}.sun-item i{font-size:1.4rem;margin-right:8px;opacity:.9}.details-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.detail-item{align-items:center;display:flex}.detail-item i{font-size:1.4rem;margin-right:8px;opacity:.85}.detail-item div{display:flex;flex-direction:column}.detail-label{font-size:.85rem;opacity:.7}.detail-value{font-size:1rem;font-weight:600}@media (max-width:768px){.weather-card{padding:20px!important}.weather-details{border-left:none;border-top:1px solid #fff3;margin-top:20px;padding-left:0;padding-top:15px}.temp-value{font-size:3.5rem}.details-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.temp-value{font-size:3rem}.details-grid{grid-template-columns:1fr}body,html{overflow:auto}}.navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")}.navbar-toggler{border:2px solid #fff}.navbar-toggler:focus{box-shadow:none}
/*# sourceMappingURL=main.87de7690.css.map*/