@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800;900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;overflow:hidden}.app{background-image:url(/static/media/warm-BG.ebed1009d4db95fcecc9.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;width:100%}.app,.app.hot{transition:.3s ease-in-out}.app.hot{background-image:url(/static/media/hot-BG.6ab67ab6b7a3438bfdd1.jpg)}.app.cold{background-image:url(/static/media/cold-BG.fa5aa7b391482cc2d44c.jpg);transition:.3s ease-in-out}main{background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.75));height:100vh;padding:25px}.box-input{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:-25px}.btn-search{background:#007bff;background:linear-gradient(0deg,#007bff,#0050ff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1.2em;font-weight:600;margin-top:1em;outline:none;padding:.5em 1em;transition:.3s ease-in-out}.btn-search:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}input{border:none;border-radius:0 0 15px 15px;box-shadow:0 5px rgba(0,0,0,.5);font-family:Montserrat,sans-serif;font-size:1.2em;font-weight:700;letter-spacing:2px;margin:0 auto;opacity:.8;outline:none;padding:.6em;text-align:center;transition:.3s ease}input:focus{opacity:1}.box-result{align-items:center;display:flex;flex-direction:column;height:90vh;padding:3em 0;width:100%}h1{color:#fff}.place{font-size:1.6em;font-weight:500;text-shadow:0 2px 1px rgba(0,0,0,.5)}.temperature{font-size:9em;margin:.4em 0;text-shadow:2px 7px rgba(0,0,0,.5)}.weather{font-size:3em;font-weight:600;text-shadow:0 3px rgba(0,0,0,.5)}.box-noweather{align-items:center;display:flex;flex-direction:column;margin:2em 0}.box-noweather h1:first-child{font-size:3.5em;font-weight:800;padding-bottom:1em;text-shadow:2px 5px 1.5px rgba(0,0,0,.5)}.box-noweather h1:nth-child(2){font-weight:600;text-align:center;text-shadow:0 2px .5px rgba(0,0,0,.5)}
/*# sourceMappingURL=main.33143242.css.map*/