:root{--yellow:#ffec65;--dark-blue:#1e213a;--black:#100e1d;--white:#fff;--gray:#6e707a;--dark-gray:#585676;--fairly-light-gray:#a09fb1;--light-gray:#e7e7eb;--blue:#3c47e9}*{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer}img{object-fit:cover}.App{display:flex;font-family:Raleway,sans-serif;max-width:100vw;min-height:100vh}.sidebar-container{align-items:center;background:#1e213a;background:var(--dark-blue);color:#fff;color:var(--white);display:flex;flex-direction:column;justify-content:flex-start;padding:24px 12px;position:relative;width:25%}.sidebar-background{opacity:.2;position:absolute;top:100px;width:100%;z-index:0}.sidebar-background img{height:300px;object-fit:cover;width:100%}.search-btn-gray-container{align-items:center;display:flex;justify-content:space-between;width:100%}.search-btn-gray{align-items:center;background-color:#6e707a;background-color:var(--gray);color:#e7e7eb;color:var(--light-gray);display:flex;height:40px;justify-content:center;outline:none;padding:6px;width:161px}.location-icon{background:#6e707a;background:var(--gray);border-radius:50%;padding:4px;width:30px}.today-weather-container{align-items:center;color:#a09fb1;color:var(--fairly-light-gray);display:flex;flex-direction:column;justify-content:space-between;margin-top:72px;width:100%}.today-weather-icon-container img{margin:40px;width:150px}.today-weather-temperature-container{font-size:24px}.today-weather-temperature-value{color:#e7e7eb;color:var(--light-gray);font-size:72px}.today-weather-description-container{font-size:28px;font-weight:700;margin:100px 0;text-align:center;text-transform:capitalize}.today-weather-date-container{font-size:14px;margin-bottom:20px}.today-weather-location-container{align-items:center;display:flex;font-size:14px;justify-content:center}.location-icon-sm{margin-right:4px;width:22px}.search-container-navigation{align-items:center;background:#1e213a;background:var(--dark-blue);display:flex;flex-direction:column;height:100%;justify-content:flex-start;left:0;padding:24px 12px;position:absolute;top:0;transition:all .3s ease;width:100%;z-index:9}.close-btn{align-self:flex-end;cursor:pointer;margin-bottom:24px;width:30px}.search-container{justify-content:space-between}.search-box-container,.search-container{align-items:center;display:flex;width:100%}.search-box-container{border:1px solid #e7e7eb;border:1px solid var(--light-gray);justify-content:flex-start;margin-right:12px;padding-left:8px}.search-box{background:none;border:none;color:#fff;color:var(--white);height:46px;outline:none;padding:6px}.search-box::-webkit-input-placeholder{color:#e7e7eb;color:var(--light-gray);font-size:12px;opacity:.5}.search-box::placeholder{color:#e7e7eb;color:var(--light-gray);font-size:12px;opacity:.5}.search-icon{margin-right:12px;width:16px}.search-btn-blue{background:#3c47e9;background:var(--blue);border:none;color:#e7e7eb;color:var(--light-gray);height:48px;outline:none;width:86px}.city-suggestions-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-top:72px;width:100%}.city-suggestions-item{align-items:center;background:none;border:none;color:#e7e7eb;color:var(--light-gray);display:flex;font-size:12px;height:40px;justify-content:space-between;margin-bottom:24px;outline:none;padding:12px 8px;width:100%}.city-suggestions-item:hover{border:1px solid #e7e7eb;border:1px solid var(--light-gray)}.city-suggestions-item .right-icon{opacity:0;width:16px}.city-suggestions-item:hover .right-icon{opacity:1}.main-container{background:#100e1d;background:var(--black);color:#e7e7eb;color:var(--light-gray);padding:24px 12px;width:75%}.main-container,.main-display{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between}.main-display{margin-bottom:24px;padding:0 10%;width:100%}.temp-type-container{align-items:center;display:flex;justify-content:flex-end;width:100%}.temp-type-item{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;padding:8px;width:40px}.temp-type-celc,.temp-type-falh{background:#585676;background:var(--dark-gray);color:#e7e7eb;color:var(--light-gray)}.temp-type-falh{margin-left:12px}.temp-type-item-active{background:#e7e7eb;background:var(--light-gray);color:#585676;color:var(--dark-gray)}.next-days-container{grid-column-gap:6px;grid-row-gap:16px;-webkit-column-gap:6px;column-gap:6px;display:grid;grid-template-columns:repeat(5,1fr);margin:24px 0;row-gap:16px;width:100%}.next-days-item{align-items:center;background:#1e213a;background:var(--dark-blue);display:flex;flex-direction:column;height:177px;justify-content:space-between;margin:0 6px;padding:18px 15px}.next-days-item-day{font-weight:200}.next-days-item img{width:72px}.next-days-item-temp{font-size:12px;margin:0 4px}.next-days-item-temp:nth-child(2){color:#a09fb1;color:var(--fairly-light-gray)}.today-highlights-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.today-highlights-header{font-size:24px;margin-bottom:24px}.today-highlights-items-container{grid-column-gap:72px;grid-row-gap:40px;-webkit-column-gap:72px;column-gap:72px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:40px;width:100%}.today-highlights-item{align-items:center;background:#1e213a;background:var(--dark-blue);display:flex;flex-direction:column;justify-content:space-between;padding:18px 24px}.today-highlights-item-value{font-size:36px;margin:12px 0}.today-highlights-item-value span{font-size:64px;font-weight:700;margin-right:2px}.today-highlights-item-summary{align-items:center;display:flex;justify-content:center;width:100%}.today-highlights-item-summary img{background:#a09fb1;background:var(--fairly-light-gray);border-radius:50%;margin-right:8px;padding:8px;width:24px}.humidity-measurement-container{width:100%}.humidity-measurement-labels-container{align-items:center;display:flex;font-weight:200;justify-content:space-between;width:100%}.humidity-measurement-reading-container{background:#e7e7eb;background:var(--light-gray);border-radius:80px;height:8px;margin:2px 0;width:100%}.humidity-measurement-reading{background:#ffec65;background:var(--yellow);border-radius:80px;height:8px;width:84%}.humidity-measurement-reading-unit{display:flex;justify-content:flex-end;width:100%}.footer{font-size:14px;text-align:center;width:100%}.footer a{color:#ffec65;color:var(--yellow)}.search-container-navigation-close{left:-100%}.hidden{display:none}@media screen and (max-width:1024px){.sidebar-container{width:30%}.search-container-navigation{padding:24px 4px}.search-box-container{margin-right:4px;width:70%}.main-container{width:70%}.main-display{padding:0 2%}.today-highlights-items-container{-webkit-column-gap:40px;column-gap:40px;row-gap:24px}}@media screen and (max-width:920px){.sidebar-container{width:35%}.main-container{width:65%}.search-btn-gray{width:120px}.next-days-container{grid-template-columns:repeat(3,1fr)}.today-highlights-items-container{-webkit-column-gap:24px;column-gap:24px}}@media screen and (max-width:768px){.sidebar-container{width:40%}.main-container{width:60%}.search-btn-gray-container{width:100%}.next-days-container{grid-template-columns:repeat(2,1fr)}.today-highlights-items-container{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:625px){.sidebar-container{padding:24px 2px}.main-container{padding:24px 4px}.main-display{padding:0}.search-container-navigation{padding:24px 2px}.close-btn{margin-bottom:36px}.search-box-container{height:28px}.search-icon{margin-right:6px}.search-btn-blue{height:28px}}@media screen and (max-width:500px){.App{flex-direction:column}.main-container,.sidebar-container{width:100%}}@media screen and (max-width:300px){.next-days-container{grid-template-columns:repeat(1,1fr)}.today-highlights-item{padding:12px}.today-highlights-item-value span{font-size:40px}}
/*# sourceMappingURL=main.1e85b807.css.map*/