.current-day-wrapper{color:var(--text-color);text-align:center}.city{font-size:2em;margin:0}.temperature{color:var(--rose-main-1);font-size:4em;margin:0}.today{font-weight:700}.forecast-wrapper{display:grid;grid-template-rows:1fr 1fr;padding:0 4em}.weekly-forecast-wrapper{display:flex;justify-content:center}.weekly-forecast-wheel{border-radius:25px;height:35vh;outline:.5px solid #000;overflow:scroll;width:80%}.day-card{align-items:center;background:rgba(0,0,0,.2);border-bottom:1px solid grey;color:#fff;display:flex;padding:0 .5em}.day-card:hover{background:rgba(0,0,0,.3);cursor:pointer;-webkit-filter:brightness(90%);filter:brightness(90%)}.day-card.active{background:linear-gradient(45deg,#a2a2a2,silver)}.day-card .day{padding:.5em}.day-card .temp{margin-left:auto}.top-bar{align-items:center;background-color:rgba(0,0,0,.2);display:flex;height:48px;position:relative;width:100%}.search-button{background:none;border:none;margin-left:auto}.search-button:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:.3s}.search-button svg{height:20px}svg:hover{cursor:pointer}.zip-form{position:relative;width:100%}.zip-form--content{align-items:center;display:flex;justify-content:space-between;padding:0 12px;transition:1s ease-in-out;width:100%}.top-bar.showing .zip-form--content{opacity:1}.top-bar.hidden .zip-form--content{opacity:0;pointer-events:none}.zip-form .form-group{font-size:16px}.zipcode-input{margin-right:10px!important}.form-group *{border:0!important;font-size:16px;line-height:2;margin:0}.country-group select,.zip-group input{border-radius:5px;padding:4px}.zip-group input{height:2em}.zip-group button{background-color:var(--lavender-main-1);border-radius:15px;color:var(--text-color);padding:0 6px}.zip-group button:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}.top-bar.showing .search-button svg{fill:var(--lavender-main-1)}.top-bar .search-button svg:hover{fill:#fff}.weather-modal-wrapper:not(.active){bottom:100vh;position:absolute}.weather-modal-wrapper.active{align-items:center;background:rgba(0,0,0,.7);bottom:0;display:flex;height:100vh;justify-content:center;left:0;position:absolute;right:0;top:0;transition:2s;z-index:9}.weather-modal-wrapper:not(.active) .weather-modal{opacity:0}.weather-modal{background-color:var(--lavender-main-1);border-radius:20px;color:var(--text-color);font-size:1.2em;opacity:1;padding:2em;position:relative;transition:1s;width:60vw}.modal--close-button{background-color:transparent;border:none;font-size:22px;position:absolute;right:16px;top:16px}.modal--close-button:hover{font-weight:700;-webkit-transform:scale(1.05);transform:scale(1.05)}.modal--active-day{display:flex;font-weight:700;justify-content:center}.modal--grid{grid-gap:12px;display:grid;grid-template-rows:auto}.modal--grid-row{border-bottom:1px solid grey;display:flex;justify-content:space-between;padding:0 .5em}.modal--main{align-items:center;display:flex;justify-content:center}.modal--icon{margin-left:1em}.modal--temp{color:var(--rose-main-1);font-size:3em}.modal--temp label{font-size:.8em}.modal--weather-description{border-bottom:none}@media screen and (max-width:768px){.App{overflow:hidden;padding:0!important;width:100%}.top-bar{box-sizing:border-box}.top-bar.showing .zip-form{background:rgba(0,0,0,.7);height:18vh;height:calc(100vh - 48px);position:absolute;top:48px}.zip-form--content{flex-wrap:wrap;padding:0}.top-bar .zip-form--content{display:flex;height:100%;height:15%;justify-content:center;margin-top:40%}.search-button{padding:0 12px 0 0}.zip-form .country-group{text-align:center}.zip-form .country-group select{font-size:28px;width:80%}.zip-form .zipcode-input{font-size:18px}.top-bar.hidden .zip-form{height:18vh;opacity:0;pointer-events:none;position:absolute;top:48px;transition:1s}.forecast-wrapper{padding:0}.current-day-wrapper{align-items:center;display:flex;flex-wrap:wrap;font-size:18px}.current-day-wrapper>*{align-self:flex-center;width:100%}.hi-low,.today{margin:0}.weekly-forecast-wheel{height:40vh}.day-card{font-size:24px}.weather-modal{padding:.5em;width:80vw}.modal--temp{font-size:2em}.error-message-container{bottom:0;padding:12px}.error-message{border-radius:15px!important}}@media screen and (min-width:481px) and (max-width:768px){.forecast-wrapper{grid-template-rows:1fr 1fr}.weekly-forecast-wrapper{align-items:center}.current-day-wrapper .city{align-self:flex-end}.current-day-wrapper .hi-low,.current-day-wrapper .today{align-self:flex-start}.weather-modal{width:80vw}}*{box-sizing:border-box;font-size:28px}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}:root{--dark-blue-1:#007bff;--container-bg:rgba(0,0,0,.2);--text-color:#3f3e3e;--purple-main-1:#b45dbb;--gray-main-1:#4b5358;--gray-main-2:#727072;--rose-main-1:#af929d;--lavender-main-1:#d1d5f0;--lavender-main-2:rgba(186,191,221,.85)}#root,.App-wrapper,body,html{height:100%}.App{display:grid;padding:2em}.error-message-container{display:flex;justify-content:center;position:absolute;width:100%}.error-message{background-color:#ffffff69;border-radius:0 0 15px 15px;color:red;font-size:18px;font-style:italic;margin:0;padding:1em}.flex--full-center{align-items:center;display:flex;justify-content:center}button:hover{cursor:pointer}input:focus{outline:none}body,html{background-color:var(--lavender-main-1);background-repeat:no-repeat;background-size:cover;height:100%;width:100%}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.d59ad0f8.css.map*/