#root,body,html{font-size:.9rem;background:#0a1f44;color:#1e2432;height:100%;margin:0}*{font-family:"Poppins",sans-serif}.main-container{background:linear-gradient(hsla(0,0%,100%,.1),rgba(0,0,0,.1));background-size:cover;background-position:50%;height:100vh;display:flex;justify-content:center;align-items:center}.content-wrapper{max-width:475px;width:85%}.content-wrapper,.content__city-details{display:flex;justify-content:center;align-items:center;flex-direction:column}.content__city-details{padding:70px 0;border-radius:20px;background:hsla(0,0%,98%,.85);box-shadow:0 0 12px 2px rgba(0,0,0,.25);width:100%}p{margin-bottom:0;text-transform:uppercase;letter-spacing:.05em}.city-temp,p{margin-top:10px}.city-temp{font-size:5rem;font-weight:700;color:#1e2432;text-align:center}.content__city-details sup{font-size:.5em}.city-name{font-size:2em;margin-top:0;text-align:center}.city-name sup{padding:.2em .6em;margin-left:4px;border-radius:30px;color:#fff;background:#00b4ab}.city-icon{margin-top:10px;width:100px;height:100px;background-color:rgba(0,180,171,.65);border-radius:50%}.info{display:flex;flex-direction:column;align-items:center;text-align:center}.content__input-wrapper{display:flex;flex-direction:row;margin-bottom:2rem;box-shadow:0 0 12px 2px rgba(0,0,0,.25);border-radius:25px;overflow:hidden;width:100%}.input-icon{background:#00b4ab;cursor:pointer}.input,.input-icon{outline:none;border:none}.input{flex:1 1;background:hsla(0,0%,98%,.85);font-size:1rem}.input,.input-icon{padding:15px 20px}.search-icon{width:20px;cursor:pointer;margin-bottom:-2px}@media only screen and (max-width:600px){.content__city-details{padding:50px 0}}@media only screen and (min-width:600px){.input-icon:hover{background:#00a098;transition:all .3s}}
/*# sourceMappingURL=main.5386278d.chunk.css.map */