@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap);form{display:block;padding:50px 30px}input{border-radius:30px;border:none;padding:5px 20px;font-size:18px;width:100%;outline:none;box-shadow:2px 3px 1px rgba(0,0,0,.2)}input:focus{box-shadow:1px 2px 1px rgba(0,0,0,.2)}@media (max-width:444px){form{padding:50px 10px}}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}h2,p{color:#fff;text-shadow:2px 2px 1px rgba(0,0,0,.2)}.city-name{font-size:30px}.date{font-weight:500;margin:5px 0 40px}.temperature{display:inline-block;background-color:rgba(0,0,0,.2);font-size:40px;padding:20px;border-radius:10px;margin-bottom:40px;box-shadow:2.5px 3px 1px rgba(0,0,0,.4)}.weather{font-size:25px;font-weight:500;display:flex;justify-content:center;align-items:center}.weather svg{font-size:30px}.error{font-size:25px;color:#fff;font-weight:500;text-shadow:2px 2px 1px rgba(0,0,0,.2)}.error-icon svg{font-size:30px;margin-bottom:-5px;-webkit-filter:drop-shadow(2px 2px 1px rgba(0,0,0,.2));filter:drop-shadow(2px 2px 1px rgba(0,0,0,.2))}*{padding:0;margin:0;box-sizing:border-box;font-family:"Rubik",sans-serif}body{height:100vh;position:relative}.App,body{width:100%}.App{position:absolute;height:100%}.container{max-width:400px;width:90vw;margin:auto;text-align:center}.Hot{background-image:url(/static/media/hot.7102e0a0.png)}.Cold,.Hot{background-position:50%;background-repeat:no-repeat;background-size:cover}.Cold{background-image:url(/static/media/cold.71aef638.jpg)}
/*# sourceMappingURL=main.55270d40.chunk.css.map */