:root{--search-button-light:#6c41b4}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-image:url(/static/media/bg-light.8c350b8b1a79dfe77e95.png);background-size:cover;font-family:-apple-system,Arial,sans-serif;font-size:125%;@media only screen and (max-width:768px){font-size:62.5%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}div.search-container{display:flex;flex-direction:row;justify-content:space-between;margin:3rem auto 0;width:54.6rem;>input.search-input{background-color:hsla(0,0%,100%,.35);border:none;border-radius:.7rem;display:inline-block;font-size:1rem;height:3.5rem;padding:1rem;width:50rem;&.focus::-webkit-input-placeholder{color:transparent}&.focus::placeholder{color:transparent}}>input.search-input:focus-visible{outline:none}>label.search-label{color:grey;font-size:.8rem;left:1.1rem;opacity:0;pointer-events:none;position:relative;top:.3rem;transition:opacity .2s;width:0;&.focus{opacity:1}}>.search-button{background-color:var(--search-button-light);border:none;border-radius:.7rem;display:inline-block;height:3.5rem;margin-left:.8rem;width:3.5rem;>span{color:#fff;display:inline-block;font-size:2rem}}>.search-button:hover{cursor:pointer}@media only screen and (max-width:768px){margin-bottom:2rem;margin-left:auto;margin-right:auto;margin-top:2rem;width:17rem;>input.search-input{width:12rem}>.search-button{background-color:var(--search-button-light);border:none;border-radius:.7rem;display:inline-block;height:3.5rem;margin-left:.8rem;width:3.5rem;>span{color:#fff;display:inline-block;font-size:2rem}}>label.search-label{left:1.3rem}}}.material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" -25,"opsz" 8}div.weather-container{align-items:center;background-color:hsla(0,0%,100%,.3);border:.5px solid hsla(0,0%,100%,.3);border-radius:1rem;display:flex;flex-direction:column;justify-content:center;margin:7rem auto 0;position:relative;width:54.6rem;>*{padding:0 2rem;text-align:left;width:54.6rem}>:nth-child(2){margin-top:2rem}>:last-child{margin-bottom:2rem}@media only screen and (max-width:768px){margin-top:3.5rem;width:17rem;>:nth-child(2){margin-top:1rem}}}div.weather-image{background-image:url(/static/media/sun.26a7dffcd9aa63d0d2c1.png);background-repeat:no-repeat;background-size:cover;content:"";height:256px;left:68%;position:absolute;top:-5rem;width:256px;@media screen and (max-width:768px){height:128px;left:48%;top:-2.5rem;width:128px}}div.weather-display-no-result{margin-bottom:5.46rem;>h1{color:rgba(0,0,0,.75)}>h2{color:rgba(0,0,0,.4);font-size:1.4rem;margin-top:.3rem}@media only screen and (max-width:768px){font-size:.5rem;margin-bottom:4.6rem;padding-bottom:0;padding-left:1rem;padding-right:1rem;padding-top:0;width:17rem;>h1{margin-top:.1rem}>h2{display:inline-block;font-size:.8rem;width:7rem}}}div.weather-display-result{@media only screen and (max-width:768px){display:inline-block;margin-top:1.5rem;padding-bottom:0;padding-left:1rem;padding-right:1rem;padding-top:0;width:17rem}}div.weather-display-main{font-size:.9rem;font-weight:500;line-height:1;>h1{color:var(--search-button-light);font-size:6rem}>h3{color:grey;font-size:1rem;margin-top:.3rem}@media only screen and (max-width:768px){font-size:.8rem;margin-top:.5rem;>h1{font-size:3rem}>h3{font-size:.8rem}}}div.weather-display-side{color:grey;display:flex;flex-direction:row-reverse;font-size:1rem;justify-content:space-between;left:22rem;position:relative;top:-1rem;width:28rem;@media only screen and (max-width:768px){flex-direction:column;font-size:.8rem;left:45%;text-align:right;top:-2.7rem;width:8rem;>h1{font-size:3rem}>h3{font-size:.8rem}}}div.search-history-container{background-color:hsla(0,0%,100%,.2);border-radius:.7rem;padding:.5rem 0;width:51.6rem;>*{font-size:1rem;padding:0 1.5rem}>p{margin:1rem 0}@media only screen and (max-width:768px){width:15rem;>*{font-size:.8rem;padding:0 1rem}}}div.search-history-item-container{align-items:center;background-color:hsla(0,0%,100%,.3);border-radius:.7rem;display:flex;flex-direction:row;height:3rem;justify-content:space-between;margin:1rem auto;padding:0 1rem;width:49rem;>button:hover{cursor:pointer}@media only screen and (max-width:768px){display:block;font-size:.7rem;height:3.5rem;margin-bottom:1rem;margin-left:auto;margin-right:auto;margin-top:1rem;white-space:nowrap;width:13rem}}div.search-history-item-right{align-items:center;display:flex;flex-direction:row;>*{margin-left:.5rem}>.history-button{align-items:center;border:none;border-radius:1.4rem;display:inline-block;height:2rem;width:2rem;>.icon-wrapper{align-items:center;display:flex;justify-content:center;>span{color:grey;font-size:1.2rem}}&:hover{cursor:pointer}}@media only screen and (max-width:768px){display:inline-block;left:-50%;position:relative;top:1rem;>*{margin-left:.3rem}>.history-button{align-items:center;border:none;border-radius:1.5rem;display:inline-block;height:1.5rem;width:1.5rem;>.icon-wrapper{>span{color:grey;font-size:1rem}}}}}div.search-history-item-datetime{left:65%;position:absolute;@media only screen and (max-width:768px){display:inline;font-size:.6rem;left:-64%;position:relative;top:1.2rem;width:6rem}}div.search-history-item-city{@media only screen and (max-width:768px){display:inline-block;font-size:.8rem;left:0;position:relative;top:.4rem;width:7rem}}
/*# sourceMappingURL=main.18ddf5e0.css.map*/