#root,body,html{font:.9rem sans-serif;background:#0a1f44;color:#1e2432;height:100%}.main-container{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.418)),url(https://i.ibb.co/R9hwSbx/bg.jpg);background-size:cover;background-position:50%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.search{outline:none;padding:20px 7%;border-radius:20px;border:none;margin-bottom:5%}.city,.search{background:hsla(0,0%,98%,.85)}.city{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px 8%;border-radius:20px;box-shadow:10px 10px 5px 0 rgba(15,15,15,.404)}p{text-transform:uppercase;letter-spacing:.05em}.city-temp,p{margin-top:10px}.city-temp{font-size:5rem;font-weight:700;color:#1e2432;text-align:center}.city sup{font-size:.5em}.city-name{font-size:2em}.city-name sup{padding:.2em .6em;margin-left:.2em;border-radius:30px;color:#fff;background:#ff8c00}.city-icon{margin-top:10px;width:100px;height:100px}.info{display:flex;flex-direction:column;align-items:center}@media only screen and (max-width:600px){.search{padding:20px 15%}.city{padding:40px 20%}}.app.warm{background-image:url(/static/media/warm.6a350ad0.jpg)}.app.cold{background-image:url(/static/media/cld.b0af908e.png)}.app.medium{background-image:url(/static/media/medium.8b8c3d21.jpg)}.app.lcold{background-image:url(/static/media/lesscold.40c95a5b.jpg)}#root,body,html{margin:0;padding:0;height:100vh;box-sizing:border-box}.app{height:100%;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(/static/media/city.66512aa4.jpg);background-size:cover;background-position:50%;justify-content:center;text-align:center}.app,.card{display:flex;align-items:center}.card{background:#f5f5f5;width:40%;height:20%;flex-direction:column;border-radius:25px;padding:2%;box-shadow:10px 10px}.heading{height:582px}.button,.heading{display:flex;align-items:center}.button{position:relative;outline:none;text-decoration:none;border-radius:50px;justify-content:center;cursor:pointer;text-transform:uppercase;height:200px;width:210px;opacity:1;background-color:#fff;border:1px solid rgba(22,76,167,.6)}.button span{color:#164ca7;font-size:12px;font-weight:500;letter-spacing:.7px}.button:hover{animation:rotate .7s ease-in-out both}.button:hover span{animation:storm .7s ease-in-out both;animation-delay:.06s}@keyframes rotate{0%{transform:rotate(0deg) translateZ(0)}25%{transform:rotate(3deg) translateZ(0)}50%{transform:rotate(-3deg) translateZ(0)}75%{transform:rotate(1deg) translateZ(0)}to{transform:rotate(0deg) translateZ(0)}}@keyframes storm{0%{transform:translateZ(0) translateZ(0)}25%{transform:translate3d(4px,0,0) translateZ(0)}50%{transform:translate3d(-3px,0,0) translateZ(0)}75%{transform:translate3d(2px,0,0) translateZ(0)}to{transform:translateZ(0) translateZ(0)}}@media only screen and (max-width:600px){.card{width:80%;height:30%}}
/*# sourceMappingURL=main.cabf34c4.chunk.css.map */