body{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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}html{font-size:16px}body{box-sizing:border-box;margin:0;padding:0}.App,.search-grid{background:#2c3e50}.search-grid{display:grid;place-items:center;grid-template-columns:1fr 50px;margin:10px 0;padding:10px;border-bottom:1px solid #6ec6cc;position:-webkit-sticky;position:sticky;top:0;z-index:1}.search-grid input{background:none;width:80%;border:none;padding:10px;color:#817f7f;font-size:1.125rem;font-weight:600;font-family:"Poppins",sans-serif}.search-grid input::-webkit-input-placeholder{color:#817f7f;font-size:1.125rem}.search-grid input:-ms-input-placeholder{color:#817f7f;font-size:1.125rem}.search-grid input::placeholder{color:#817f7f;font-size:1.125rem}.search-grid button{background:none;border:none}.search-grid button:hover{cursor:pointer}.main-weather{width:50%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;place-items:center}.main-weather .temperature{font-size:4rem;color:#fff;margin:0;padding:0}.main-weather .temperature span{color:#b7b3b3}.main-weather .temperature-details,.weather-description{display:grid;place-items:center}.weather-description p{color:#1abc9c;padding:0;margin:0;font-family:"Poppins",sans-serif}.current-location{display:grid;place-items:center}.current-location h1{color:#fff;font-size:2.25rem;margin:0 auto;padding:0;text-align:center}.current-location h1 span{color:#1abc9c}.weather-sunrise{display:-webkit-flex;display:flex;width:70%;margin:10px auto}.weather-sunrise img,.weather-sunrise p{margin:0 5px}.weather-sunrise p{font-family:"Poppins",sans-serif;color:#fff;font-size:.875rem}.weather-details{display:grid;grid-template-columns:1fr 1px 1fr;padding:30px;grid-gap:10px;gap:10px}.weather-details h3{font-weight:500;color:#fff;padding:0;margin:0;font-family:"Poppins",sans-serif;font-size:1.125rem}.weather-details .weather-details-left,.weather-details .weather-details-right{width:100%}.weather-details .weather-details-center{background:#1abc9c;height:auto}.weather-details ul{margin:10px 0;padding:0}.weather-details li{list-style:none;font-size:.875rem;color:#fff;font-family:"Poppins",sans-serif;font-weight:300;display:block;line-height:2.5}.weather-details li img{margin-right:8px;top:3px;position:relative}.daily-forecast-title{padding:30px;margin-top:40px}.daily-forecast-title h3{font-weight:500;color:#fff;padding:0;margin:0;font-family:"Poppins",sans-serif;font-size:1.125rem}.forecast{display:grid;grid-template-columns:1fr;padding:10px}.day{display:grid;place-items:center;grid-gap:5px;gap:5px;grid-template-columns:repeat(6,1fr);border-bottom:1px solid #1abc9c}.day:last-child{border:none}.day img{width:64px;height:64px}.day .day-details{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:5px}.day .day-details img{margin-right:8px;width:16px;height:16px}.day p{color:#1abc9c;font-size:.875rem;font-family:"Poppins",sans-serif;padding:0;margin:0 0 0 5px}.day p.day-info{font-size:.875rem;font-weight:300}.day h2,.day p.day-info{color:#fff;font-family:"Poppins",sans-serif;margin:0;padding:0}.day h2{font-weight:600;font-size:1.75rem}footer{background:#1abc9c}footer div{margin:0 auto;padding:20px;display:grid;place-items:center}footer div a{font-size:1.2rem;color:#fff;font-family:"Poppins",sans-serif}@media (min-width:1024px){.main-weather{width:20%}.main-weather .temperature{font-size:6rem;color:#fff;margin:0;padding:0}.main-weather .temperature span{color:#b7b3b3}.main-weather .temperature-details{display:grid;place-items:center}.search-grid{width:65%;margin:0 auto}.weather-sunrise{width:40%;display:grid;place-items:center;grid-template-columns:80px 1fr 80px 1fr}.weather-sunrise img{width:64px;height:64px}.weather-sunrise p{font-size:1.8rem}.weather-details{width:35%;margin:0 auto;display:grid;place-items:start}.current-location h1{font-size:4rem}.daily-forecast-title,.forecast{width:65%;margin:0 auto}}header{background:#e3e0e0}header .expand-menu{transition:2s ease}header .header-container{margin:0 auto;height:auto;display:grid;place-items:center;grid-template-columns:50px 1fr 50px;padding:10px}header img:hover{cursor:pointer}h1{color:#3e3c3c;font-family:"Poppins",sans-serif;font-size:1.125rem;font-weight:600}h1 span{color:#c73f3f}.header-geolocation{display:grid;place-items:center}.header-geolocation h1{font-family:"Poppins",sans-serif;font-size:1.125rem;margin:0 auto;color:#5f6569}.header-geolocation h1 span{color:#1abc9c}.header-geolocation ul li{list-style:none;line-height:2.6em}.header-geolocation ul li span{margin-left:15px;font-size:1.125rem;font-weight:500;font-family:"Poppins",sans-serif;top:-5px;position:relative}@media (min-width:1024px){header .header-container{width:65%;margin:0 auto}h1{color:#3e3c3c;font-family:"Poppins",sans-serif;font-size:2.125rem;font-weight:600}h1 span{color:#c73f3f}.header-logo{width:64px;height:64px}.header-geolocation ul li{display:inline-block;border-right:1px solid #1abc9c;margin-left:30px}.header-geolocation ul li:last-child{border:none}.header-geolocation ul li span{margin-right:30px}}
/*# sourceMappingURL=main.1e162d74.chunk.css.map */