*{border:0;box-sizing:border-box;margin:0;outline:none;padding:0}body{align-items:center;background:#06283d;display:flex;height:100vh;justify-content:center}.container{background:#fff;border-radius:18px;font-family:Roboto,sans-serif;height:100px;overflow:hidden;padding:28px 32px;position:relative;transition:.6s ease-out;width:430px}.container--expand{height:590px}@media screen and (max-width:768px){.container{height:auto;margin-left:auto;margin-right:auto;width:21rem}}.search-box{align-items:center;display:flex;height:-webkit-min-content;height:min-content;justify-content:space-between;width:100%}.search-box__input{color:#06283d;font-size:24px;font-weight:500;padding-left:32px;text-transform:uppercase;width:80%}.search-box__input::-webkit-input-placeholder{color:#06283d;font-size:20px;font-weight:500;text-transform:capitalize}.search-box__input::placeholder{color:#06283d;font-size:20px;font-weight:500;text-transform:capitalize}.search-box__button{background:#dff6ff;border-radius:50%;color:#06283d;cursor:pointer;font-size:22px;height:50px;transition:.4s ease;width:50px}.search-box__button:hover{background:#06283d;color:#fff}.search-box__icon{color:#06283d;font-size:28px;position:absolute}.no-data{margin-top:50px;text-align:center;width:100%}.no-data__img{width:70%}.no-data__description{color:#06283d;font-size:22px;font-weight:500;margin-top:12px}.weather-box{text-align:center}.weather-box__image{margin-top:30px;width:60%}.weather-box__temperature{color:#06283d;font-size:4rem;font-weight:800;margin-left:-16px;margin-top:30px;position:relative}.weather-box__temperature>span{font-size:1.5rem;margin-left:4px;position:absolute}.weather-box__description{color:#06283d;font-size:22px;font-weight:500;text-transform:capitalize}.weather-details{display:flex;justify-content:space-between;margin-top:30px;width:100%}.weather-details__humidity,.weather-details__wind{align-items:center;display:flex;height:100px;width:50%}.weather-details__humidity__icon,.weather-details__wind__icon{color:#06283d;font-size:26px;margin-right:10px;margin-top:6px}.weather-details__humidity__textWrapper__text,.weather-details__wind__textWrapper__text{color:#06283d;font-size:22px;font-weight:500}.weather-details__humidity__label,.weather-details__wind__label{color:#06283d;font-size:14px;font-weight:500}.weather-details__humidity{justify-content:flex-start;padding-left:20px}@media screen and (max-width:768px){.weather-details__humidity{margin-right:20px}}.weather-details__wind{justify-content:flex-end;padding-right:20px}@media screen and (max-width:768px){.weather-details__wind{margin-left:20px}}
/*# sourceMappingURL=main.76fd345c.css.map*/