body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{color:#fff;width:20%;min-width:400px;margin:0 auto;background:#2196f3;position:relative}header{background:#3b7fb5}header h1{margin:0;text-align:center;padding:15px}header h1 i{color:#afd1ec}.search-box{width:100%}.search{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:10px;border:3px solid #ddd}.search,.search-box .btn{box-shadow:none;font-size:16px}.search-box .btn{position:absolute;right:0;padding:12px;border:0;background:#2196f3;color:#fff}.weather-card{padding:20px}.weather-card h3{position:relative;display:flex;align-items:center}.flag{margin-right:10px}.weather-info{display:flex;align-items:center}.weather-card h3 .weather-icon{position:absolute;top:-10px}.not-found-msg{padding:40px;margin:0}footer{background:#3b7fb5}footer p{margin:0;padding:10px;text-align:center}.shake{animation:shake 1.2s ease-in}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@media only screen and (max-width:768px){.App{width:100%;height:100vh}footer{position:absolute;width:100%;bottom:0}}
/*# sourceMappingURL=main.3172a935.chunk.css.map */