*{box-sizing:border-box;padding:0}*,h1,h2,h3,p{margin:0}button{font-family:inherit;cursor:pointer}.section-weather{display:flex;flex-direction:column;justify-content:center;align-items:center;justify-content:flex-start;flex:1 1;position:relative;min-width:320px;color:#a09fb1;background-color:#1e213a;background-image:url(/static/media/Cloud-background.f88244c2.png);background-repeat:no-repeat;background-size:150%;background-blend-mode:soft-light;background-position:center 50px}@media(min-width:600px){.section-weather{height:100vh;position:-webkit-sticky;position:sticky;top:0}}.buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:space-between;width:90%;padding:1em 0;z-index:1}.buttons button{display:grid;place-items:center;font-size:.875rem;padding:.5em 1.5em;background:#100e1d;color:#e7e7eb;border:none;border-radius:50px}.buttons button:hover{background:#ffec65;color:#1e213a}.buttons button:active{-webkit-transform:scale(.9);transform:scale(.9)}@media(min-width:900px){.buttons button{font-size:1rem}}.currentWeather{padding:4em 0 6em;text-align:center}.currentWeather__img{max-width:200px}.currentWeather__temp{font-size:9rem;color:#e7e7eb}.currentWeather__temp span{font-size:3rem;color:#a09fb1}.currentWeather__state{font-size:2.25rem;font-weight:600;text-transform:capitalize;margin-bottom:2em}.currentWeather__date{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:2em}.currentWeather__date-dot{display:inline-block;margin:0 1em;width:3px;height:3px;border-radius:50%;background:#a09fb1}@media(min-width:600px){.currentWeather{display:flex;flex-direction:column;justify-content:center;align-items:center;justify-content:space-between;height:100vh}}.card{display:flex;flex-direction:column;justify-content:center;align-items:center;justify-content:space-between;text-align:center;min-width:125px;padding:1.125em .875em;background:#1e213a;border-radius:10px;cursor:pointer}.card__date{display:block;margin-bottom:1em}.card__img{width:70%;margin-bottom:1.5em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.card__temp{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:space-between;width:100%}.card__temp-min{color:#a09fb1}.section-forecast{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:2.5 1}.container{position:relative;margin:0 auto;width:85%;max-width:700px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:1.5em;justify-content:center;margin:2.5em 0}.cards__title{grid-column:-1/1}@media(min-width:600px){.cards{margin-bottom:5em}}.cards-highlights{grid-template-columns:1fr}@media(min-width:600px){.cards-highlights{grid-template-columns:repeat(2,1fr)}}.card{width:100%}.card__name{font-size:1rem;font-weight:500}.card__text{font-size:3.5rem;font-weight:600;margin-bottom:.75rem}.card__text-unit{font-size:1.5rem;font-weight:500}.card__compass{display:flex;flex-direction:row;justify-content:center;align-items:center}.card__compass-iconBg{width:25px;height:25px;padding:2px 2px 0 0;background:rgba(231,231,235,.3);border-radius:50%}.card__compass-text{font-size:.825rem;margin-left:5px}.bar{font-size:.75rem;margin:0 auto;width:100%;max-width:230px;color:#a09fb1}.bar__numbers{display:flex;justify-content:space-between}.bar__progress{margin:2px 0;height:8px;background:#e7e7eb;border-radius:5px;overflow:hidden}.bar__progress-percentage{width:0;height:100%;background:#ffec65}.overlay-container{position:absolute;width:100%;height:100vh;-webkit-transform:translateX(-100%);transform:translateX(-100%);padding:1em;background:#1e213a;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out;z-index:1}.overlay-container .city-list{list-style:none}.overlay-container button{font-family:inherit;background:none;color:#e7e7eb;border:1px solid #a09fb1;padding:1em 1.5em;margin-bottom:1em;width:100%}.open{-webkit-transform:translateX(0);transform:translateX(0)}.search-bar{display:flex;align-items:flex-start;justify-content:space-between}.search-bar button{max-width:150px;background:#ffec65;color:#100e1d;border:none;border-radius:2px}.search-input{background:#100e1d;color:#e7e7eb;padding:1em 1.125em;margin-bottom:1em;margin-right:15px;border:none;border-radius:50px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25098039215686274)}.suggestion-item{width:100%;background:#1e213a;padding:.25em;cursor:pointer}.suggestion-item:last-of-type{margin-bottom:1em}.suggestion-item.active{background:#100e1d}.error-text{padding:0 .25em;margin-bottom:1em;color:#ffec65}.degree-toggle{display:none}.degree-toggle .dt-radio{position:relative;margin:0 .25em;width:40px;height:40px;font-size:1.125rem;font-weight:700}.degree-toggle .dt-radio__label{position:absolute;top:0;left:0;width:100%;height:100%;padding:.5em;background:#1e213a;border-radius:50%;cursor:pointer}.degree-toggle .dt-radio__input{visibility:hidden}.degree-toggle .dt-radio__input:checked+label{background:#e7e7eb;color:#100e1d}@media(min-width:600px){.degree-toggle{display:flex;flex-direction:row;justify-content:center;align-items:center;justify-content:flex-end;margin:2em 0 .5em}}body{font-family:"Raleway",sans-serif;font-weight:500;background:#100e1d;color:#e7e7eb}main{display:flex;flex-direction:column}@media(min-width:600px){main{flex-direction:row}}
/*# sourceMappingURL=main.1ed34704.chunk.css.map */