*{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}.App{background:#fff;border-radius:18px;font-family:Roboto,sans-serif;height:105px;overflow:hidden;padding:28px 32px;position:relative;transition:.6s ease-out;width:400px}.fade-in{-webkit-animation:fadeIn .5s forwards;animation:fadeIn .5s forwards;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes fadeIn{to{opacity:1;scale:1}}@keyframes fadeIn{to{opacity:1;scale:1}}.expand{height:590px}#not-found{display:none;margin-top:50px;opacity:0;scale:0;text-align:center;transition:all .5s;width:100%}#not-found img{width:70%}#not-found p{color:#06283d;font-size:22px;font-weight:500;margin-top:12px}#not-found.visible{display:block!important;opacity:1!important;scale:1!important}#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 i{color:#06283d;font-size:28px;position:absolute}#weather-box{opacity:0;scale:0;text-align:center;transition:all .5s}#weather-box img{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-box.visible{opacity:1!important;scale:1!important}#weather-details{display:flex;justify-content:space-between;margin-top:30px;opacity:0;scale:0;transition:all .5s;width:100%}#weather-details #humidity,#weather-details #wind{align-items:center;display:flex;height:100px;width:50%}#weather-details #humidity{justify-content:flex-start;padding-left:20px}#weather-details #wind{justify-content:flex-end;padding-left:20px}#weather-details i{color:#06283d;font-size:26px;margin-right:10px;margin-top:6px}#weather-details span{color:#06283d;font-size:22px;font-weight:500}#weather-details.visible{opacity:1!important;scale:1!important}
/*# sourceMappingURL=main.fb92e464.css.map*/