body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{background-image:url(https://images.hdqwalls.com/wallpapers/dark-night-beautiful-sky-nl.jpg);background-position:50%;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;min-height:100%}ul{list-style:none}input{padding:8px;font-size:1em}.card-container,.glass-container{border-radius:5px;margin:20px 0}.glass-container{background-color:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:#fff}.card-container{background:#fff}.weather-app{margin:30px auto;border-radius:10px}.search-form{border-radius:30px;overflow:hidden;background-color:hsla(0,0%,100%,.3);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.search-form input{background:none;border:none;outline:none;color:#fff;text-align:center;min-width:100px}.search-form input::-webkit-input-placeholder{color:hsla(0,0%,100%,.9)}.search-form input:-ms-input-placeholder{color:hsla(0,0%,100%,.9)}.search-form input::placeholder{color:hsla(0,0%,100%,.9)}.search-form button{outline:none;background:none;border:none;width:30px;height:100%;padding-top:3px;margin-right:10px;color:#fff;font-size:20px}.current-weather{padding:20px;color:#fff}.current-weather .time{color:hsla(0,0%,100%,.6)}.current-weather .temp{margin:10px 0;font-weight:60px}.forecast{transition:background-color .2s linear}.forecast:hover{background-color:hsla(0,0%,100%,.1);border-radius:3px}.forecast .day{text-transform:uppercase}.max-temp{color:#fe0}.min-temp{color:#ffc400}.forecast:not(:last-child){margin-right:1.5px}.forecast .rain{color:#94baff}.weather-detail *{margin:0}.weather-detail .icon{font-size:30px}.weather-detail{padding:20px;background-color:rgba(19,0,27,.7);color:#fff}.weather-detail td:nth-child(2n){text-align:right}.weather-detail table td{color:#d3d3d3}.weather-detail button{height:50px;width:50px;background:#9f1faa;border-radius:25px}.weather-detail button:hover{background:#c235cf;box-shadow:0 0 10px #e759ec}.node{overflow:hidden}.node-enter{opacity:0;max-height:0}.node-enter-active{transition:max-height .4s ease-out,opacity .4s ease-out}.node-enter-active,.node-exit{opacity:1;max-height:500px}.node-exit-active{transition:max-height .4s ease-out,opacity .4s ease-out;opacity:0;max-height:0}
/*# sourceMappingURL=main.c00a678d.chunk.css.map */