*{margin:0;padding:0;font-family:"Ubuntu",sans-serif}body{background:linear-gradient(180deg,#594cee 0%,#8dd0f5 100%);display:flex;justify-content:center;align-items:center;height:100vh}.hide{display:none}.container{background-color:#5c54ed;box-shadow:rgba(0,0,0,0.24) 0 3px 8px;padding:2rem;color:#fdfdfd;border-radius:1rem}.form h3{margin-bottom:1rem}.form-input-container{display:flex}.form input{padding:.8rem;border:none;flex:1;border-radius:4px}.form button{padding:.8rem;min-width:50px;margin-left:8px;background-color:#8dd0f5;color:#fff;border:none;cursor:pointer;border-radius:4px}#weather-data{border-top:1px solid #fff;margin-top:1.5rem;padding-top:1.5rem;text-align:center}#weather-data h2{display:flex;align-items:center;justify-content:center;margin-bottom:.6rem}#weather-data h2 i{font-size:1rem}#weather-data span{margin:.6rem}#country{height:20px}#description-container{display:flex;align-items:center;justify-content:center;margin:.6rem 0}#description{font-weight:700;text-transform:capitalize}#details-container{display:flex;align-items:center;justify-content:center}#details-container #umidify{border-right:1px solid #fff;margin:.6rem;padding:.6rem}