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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.bg-cal{align-items:center;background-color:#333;display:flex;height:100vh;justify-content:center;width:100vw}.card{background:linear-gradient(155deg,#caf0f8,#0077b6);border:none;border-radius:40px;color:#fff;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:40px;position:relative;text-align:center;width:450px}.card,.search{align-items:center;display:flex;justify-content:space-between}.search{gap:15px;height:50px;width:100%}.search input{background:#ebfffc;border:0;color:#555;flex:1 1;font-size:17px;outline:0;padding:5px 25px}.search button,.search input{border-radius:50px;box-shadow:0 5px 5px #00000035;height:50px}.search button{background:t#ebfffc;border:none;cursor:pointer;width:50px}.search button img{width:30px}.weather{text-shadow:0 3px 1px #0000005c;width:100%}.weather img{filter:drop-shadow(0 5px 5px #00000050);margin-top:50px;width:150px}.city,.temp{font-size:2.5rem;font-weight:700}.details{align-items:center;display:flex;justify-content:space-between;width:100%}.col img{width:50px}.col p{font-weight:700;margin:0}.error{display:block;margin-left:20px;margin-top:10px;text-align:left}.errornone{display:none}.loader{display:block;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.loadernone{display:none}@keyframes wave{0%{background-position-x:0}to{background-position-x:1000px}}@media (max-width:768px){.card{padding:25px;width:370px}}
/*# sourceMappingURL=main.5c1cef98.css.map*/