body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;justify-content:center}html{background-color:#fff;height:100%;margin:0 auto}body{color:#333;flex-direction:column;font-family:Roboto Flex,Arial,sans-serif;font-size:18px;font-weight:400;line-height:27px;margin:0;min-height:100%;position:relative}*,p{margin:0;padding:0}*{border:0;box-sizing:border-box;outline:none}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:590px;overflow:hidden;padding:28px 32px;position:relative;transition:.6s ease-out;width:400px}.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::placeholder{color:#06283d;font-size:20px;font-weight:500;text-transform:capitalize}.search-box button{background:#dff6ff;background-image:url(/weather-app/static/media/cloud.2da1f66c8b49736bf613.png);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{text-align:center}.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}.temperature{margin-bottom:25px}.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{justify-content:flex-start;padding-left:20px}.weather-details .wind{justify-content:flex-end;padding-right: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 p{color:#06283d;font-size:14px;font-weight:500}.not-found{display:none;margin-top:50px;opacity:0;scale:0;text-align:center;width:100%}.not-found img{width:70%}.not-found p{color:#06283d;font-size:22px;font-weight:500;margin-top:12px}
/*# sourceMappingURL=main.b04e064c.css.map*/