@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:initial;background-image:url(/static/media/thunder.e4d61034072cd48889ef.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Poppins,sans-serif;margin:0;transition:background-image 1.5s ease-in-out}.App,body{min-height:100vh}.App{align-items:center;color:#fff;display:flex;flex-direction:column;padding:20px;text-align:center}.Thunderstorm-bg,.default-bg{background-image:url(/static/media/thunder.e4d61034072cd48889ef.jpg)}.app-title-container h1{font-size:2.5em;font-weight:700;margin-bottom:30px;text-shadow:2px 2px 4px #00000080}.search-controls{flex-direction:column;margin:0 auto 15px;max-width:750px}.controls-row,.search-controls{align-items:center;display:flex;width:100%}.controls-row{gap:10px;margin-bottom:15px}.unit-toggle{box-shadow:0 4px 6px #08080826;display:flex;flex-shrink:0;justify-content:center}.unit-button{background:#ffffff1a;border:1px solid #fff6;color:#fff;cursor:pointer;font-size:1em;padding:8px 15px;transition:background .3s}.unit-button:first-child{border-radius:15px 0 0 15px}.unit-button:last-child{border-left:none;border-radius:0 15px 15px 0}.unit-button.active{background:#ffffff4d;font-weight:700}.search-form{display:flex;flex-grow:1;margin-bottom:0;max-width:none}.city-input{background:#ffffff1a;border:1px solid #fff6;border-radius:20px 0 0 20px;color:#fff;flex-grow:1;font-size:1em;outline:none;padding:12px}.city-input::placeholder{color:#ffffffb3}.search-button{background-color:#287da7;border:none;border-radius:0 20px 20px 0;transition:background-color .3s,box-shadow .3s}.location-button,.search-button{color:#fff;cursor:pointer;flex-shrink:0;font-size:1em;padding:12px 20px}.location-button{background-color:#8eb53f;border:none;border-radius:20px;box-shadow:1 4px 6px #08080833;transition:background-color .3s,opacity .3s}.city-tabs{display:flex;gap:8px;justify-content:center;margin-bottom:15px;overflow-x:auto;padding-bottom:5px;width:100%}.city-tab-button{align-items:center;background:#ffffff1a;border:1px solid #fff6;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9em;gap:5px;padding:8px 15px;transition:background .3s}.city-tab-button.active{background:#3f51b5;border-color:#3f51b5;box-shadow:1 1 10px #3f51b580;font-weight:700}.delete-city-button{border-radius:50%;cursor:pointer;font-size:1.1em;font-weight:700;line-height:1;padding:0 2px;transition:color .2s}.delete-city-button:hover{color:#dc3545}.weather-container{justify-content:center;margin:0 auto;max-width:700px}.weather-container,.weather-content-wrapper{align-items:flex-start;display:flex;flex-wrap:wrap}.weather-content-wrapper{gap:20px;justify-content:space-between;margin-bottom:15px;width:100%}.highlights-card,.weather-card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px 0 #00000080;color:#fff;margin:0;padding:30px}.highlights-card,.main-card{flex:1 1;min-width:320px}.weather-card h2{border-bottom:none;font-size:3em;font-weight:700;margin-bottom:10px;padding-bottom:5px}.last-updated{font-size:2em;font-weight:400;margin-bottom:20px;margin-top:0;opacity:.7}.temp{align-items:flex-start;color:#ee72c6;display:flex;font-weight:700;justify-content:center;line-height:1;margin:10px 0 20px;text-shadow:0 0 10px #af4c99cc,0 0 20px #f6eff580}.temp-number{font-size:4.5em}.temp-unit{align-self:flex-start;font-size:2em;margin-left:5px}.details{grid-gap:15px 5px;border-top:1px solid #fff6;display:grid;font-size:1.2em;gap:15px 5px;grid-template-columns:1fr 1fr;margin-top:25px;padding-top:20px;text-align:center}.highlights-card h3{border-bottom:1px solid #fff3;font-size:2em;margin-bottom:25px;margin-top:0;padding-bottom:10px;text-align:left}.highlights-grid{grid-gap:20px;border-top:none;display:grid;gap:20px;grid-template-columns:1fr 1fr;padding-top:0}.highlight-item{background:#0003;border-radius:10px;padding:15px;text-align:center}.highlight-title{font-size:2em;margin-bottom:5px;opacity:.8}.highlight-value{font-size:1.4em;font-weight:700;margin-top:0}.forecast-section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px 0 #00000080;margin:15px auto 30px;max-width:700px;padding:20px;width:100%}.forecast-title{border-bottom:1px solid #ffffff4d;font-size:2em;font-weight:700;margin-bottom:20px;margin-top:0;padding-bottom:10px;text-align:left}.forecast-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.forecast-item{background:#0003;border-radius:10px;flex:1 1;min-width:100px;padding:15px 5px;text-align:center}.day-name{font-size:1.1em;font-weight:700;margin-bottom:5px}.day-temp{color:gold;font-size:1.5em;font-weight:700;margin:5px 0}.day-desc{font-size:.9em;opacity:.8}.forecast-icon{height:50px;margin:0;width:50px}@media (max-width:768px){.App{padding:10px}.controls-row{align-items:stretch;flex-direction:column;gap:15px}.search-form{margin-bottom:0;width:100%}.location-button,.unit-toggle{width:100%}.weather-content-wrapper{align-items:center;flex-direction:column;margin-bottom:10px}.highlights-card,.main-card{margin:10px 0;max-width:400px;padding:25px;width:90%}.temp-number{font-size:3.5em}.temp-unit{font-size:1.5em}.search-form .city-input{border-radius:20px 0 0 20px}.search-button{border-radius:0 20px 20px 0}.forecast-section{margin:10px auto;max-width:90%}.forecast-grid{flex-direction:column;gap:8px}.forecast-item{align-items:center;display:flex;flex:1 1 100%;justify-content:space-around;padding:10px 15px;text-align:left}.day-desc,.day-name,.day-temp{margin:0}.day-name{flex:1 1}.day-temp{flex-shrink:0;min-width:60px}}
/*# sourceMappingURL=main.3daacd7c.css.map*/