*{box-sizing:border-box}body{margin:0;font-family:"Roboto",sans-serif;color:#4a4a4a;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Main{width:100vw;height:100vh;background-image:url(/static/media/bgsunny.ff9f45e4.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:50%;background-size:cover;overflow-x:hidden}.Main::-webkit-scrollbar{width:10px}.Main::-webkit-scrollbar-track{background:hsla(0,0%,100%,.3)}.Main::-webkit-scrollbar-thumb{background:rgba(0,0,0,.6)}.Main::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.8)}input{background-color:transparent;border:none;outline:none;font-family:"Roboto",sans-serif;color:#4a4a4a;font-size:16px;margin-left:.5rem}.row{display:flex;flex-direction:row;align-items:center}.row.wrap{flex-wrap:wrap}.row.center{justify-content:center}.row.bottom{align-items:flex-end}.row.space-between{justify-content:space-between}.row.stretch{align-items:stretch}.col{display:flex;flex-direction:column}.col.al-center,.col.center{align-items:center}.col.js-center{justify-content:center}.col.js-space{justify-content:space-between}.container-lg{width:1200px;margin:0 auto}.content-wrapper{display:inline-block;margin:0 auto}.p-1{padding:1rem}.p-2{padding:2rem}.d-flex{display:flex}.brand{margin-left:2rem;font-family:"Roboto Slab",serif;font-size:20px;font-weight:500;color:#4a4a4a;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.material-icons{-webkit-filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.material-icons.md-64{font-size:64px}.loading{margin-top:4rem;color:#4a4a4a;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.loading span:first-child{margin-bottom:1rem}.loading span:last-child{font-weight:500}.error{margin-top:4rem;color:#4a4a4a;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.error span:first-child{margin-bottom:1rem}.error span:last-child{font-weight:500}.tooltip{position:absolute;top:100px;right:50px;z-index:1;background-color:#90ee90;padding:1rem;display:inline-block;opacity:.9;box-shadow:2px 8px 16px rgba(0,0,0,.2)}.tooltip span:first-child{display:block;margin-bottom:.5rem}.tooltip.show{visibility:visible}.tooltip.hide{visibility:hidden}.content{margin-top:3rem}.solid-card{background:linear-gradient(271.59deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.72));box-shadow:2px 8px 16px rgba(0,0,0,.2)}.glass-card{box-shadow:0 15px 30px rgba(0,0,0,.2);background:linear-gradient(152.39deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:0 auto}.main-container{margin:2rem auto;width:90vw;max-width:1158.5px;padding:2rem 4rem}.search-box{padding:1rem;width:300px;height:50px}.search-box input{flex:1 1}.current-weather--condition{flex:1 1;text-align:center;color:#4a4a4a;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.current-weather--condition-temp{font-size:56px;font-weight:500;display:block}.current-weather--condition-icon-wrapper{margin-top:1rem}.current-weather--condition-icon{margin:0 auto;display:block;-webkit-filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2))}.current-weather--condition-text{font-size:18px;min-height:60px;font-weight:500;display:block}.current-weather--details{flex:2 1;margin-left:2rem;display:flex}.current-weather--details-wrapper{display:inline-block;margin:0 auto}.current-weather--graph{flex:3 1;margin-left:2rem}.current-weather--loc-city{font-size:32px;font-weight:500;display:block}.current-weather--loc-region{font-size:16px;font-weight:300}.current-weather--detail{margin-top:1rem}.current-weather--detail span{display:block;line-height:30px}.current-weather--detail--value{margin-left:1rem;font-weight:500}.graph-container{margin-left:2rem;width:500px;height:400px}.graph-container>.solid-card{width:100%;height:100%;padding:1rem}.today-pred{margin-top:2rem;display:inline-block}.today-pred--card .solid-card{padding:2rem}.today-pred--card .solid-card>.row{overflow:auto}.today-pred--card .solid-card>.row>.row{border-right:1px solid rgba(0,0,0,.3)}.today-pred--card .solid-card>.row>.row:last-child{border:none}.today-pred--card .solid-card>.row::-webkit-scrollbar{display:none}.today-pred--card-item-wrapper{padding:0 2rem;text-align:center}.today-pred--card-item-wrapper>span{font-weight:500}.today-pred--card-item-wrapper .row{margin-top:1rem}.today-pred--card-item-label{font-size:16px;font-weight:500;text-transform:uppercase}.today-pred--card-item-condition{width:100px;height:124px}.today-pred--card-item-condition>img{width:64px;height:64px}.today-pred--card-item-temp{margin-left:.5rem;font-size:24px;font-weight:500}.divider{margin-right:2rem;width:1px;height:91px;background:linear-gradient(180deg,rgba(74,74,74,.2),#4a4a4a 29.17%,#4a4a4a 73.96%,rgba(74,74,74,.2))}.forecast{margin-top:2rem;display:flex}.forecast--wrapper{width:100%;display:flex;overflow:auto}.forecast--title{text-transform:uppercase;font-weight:500;display:block;margin-bottom:2rem}.dropdown{width:829px;margin:1rem 0}.dropdown--button{padding:1rem;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.dropdown--button:hover{background-color:rgba(0,0,0,.1);cursor:pointer}.dropdown--button:active{background-color:rgba(0,0,0,.2)}.dropdown--list{list-style:none;padding:0}.dropdown--list li{padding:1rem}.dropdown--list li:nth-child(2n){background-color:rgba(0,0,0,.1)}.dropdown--list--item-wrapper{padding:.5rem 0}.dropdown--list--item-wrapper>*{margin-left:2rem}.dropdown--list--item-wrapper div:not(:nth-child(3)) span{display:block}.dropdown--list--item-hour,.dropdown--list--item-wrapper div:not(:nth-child(3)) span:last-child{font-weight:500}.dropdown--list--item-temp{font-weight:500;width:38px}.dropdown--list--item-status{width:187px}.dropdown--list--item-wind{width:59px}.dropdown--list--item-precip{width:49px}.footer{margin-top:3rem;font-weight:400;display:flex}.footer span{color:#4a4a4a;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.footer--wrapper{display:inline-block;margin:0 auto}.footer a{text-decoration:none;color:#4a4a4a;font-weight:500}@media (max-width:1200px){.col-6-md{width:50%}.col-12-md{width:100%}.current-weather--condition{flex:none}.current-weather--details{flex:none;margin-left:0}.current-weather--graph{flex:none;margin-left:0;margin-top:2rem;height:287px}}@media (max-width:760px){.col-12-sm{width:100%}.main-container{padding:2rem}.navbar .solid-card{margin:2rem auto 0;width:100%;max-width:300px}.brand{margin:0 auto}.content{margin-top:2rem}}
/*# sourceMappingURL=main.00704cd6.chunk.css.map */