*,body{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;height:100vh;width:100vw}body:hover{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-name:background;animation-name:background}@-webkit-keyframes background{0%{background-color:hsla(240,2%,65%,.4)}25%{background-color:#c8b3bf}50%{background-color:#908f8f}75%{background-color:#817e7e}to{background-color:#b5e1ef}}@keyframes background{0%{background-color:hsla(240,2%,65%,.4)}25%{background-color:#c8b3bf}50%{background-color:#908f8f}75%{background-color:#817e7e}to{background-color:#b5e1ef}}main{background-image:linear-gradient(180deg,hsla(60,3%,65%,.5),rgba(86,163,250,.5));min-height:90vh;padding:25px}.search-box{display:block;margin:0 auto 100px;width:80%}.search-box .search-bar{-webkit-appearance:none;appearance:none;background-color:hsla(0,13%,86%,.8);border:none;border-radius:100px;color:#000;display:block;font-size:18px;outline:none;padding:15px;width:100%}.location-box .location{color:#fff;font-size:4rem;font-weight:500;text-align:center;text-shadow:4px 4px rgba(8,7,7,.5)}.location-box .date{color:#e8d0d0;font-size:2rem;font-style:italic;font-weight:200;text-align:center;text-shadow:2px 2px rgba(8,7,7,.4)}.weather-box{text-align:center}.weather-box .temperature{background-color:hsla(0,0%,100%,.3);border-radius:20px;box-shadow:2px 4px 6px rgba(76,72,72,.5);color:#fff;font-size:90px;font-weight:600;margin:20px auto;padding:30px;text-shadow:3px 6px rgba(76,72,72,.5)}.weather-box .weather{color:#fff;font-size:50px;font-weight:600;text-shadow:4px 6px rgba(76,72,72,.5)}.app{background-image:url(https://cdn.disneyanimation.com/uploads/technology/cloud-readme.jpg)}.app,.app.warm{background-size:cover}.app.warm{background-image:url(https://us.123rf.com/450wm/kraft2727/kraft27271804/kraft2727180400029/kraft2727180400029.jpg?ver=6)}h1{padding:100px;text-align:center;text-shadow:4px 5px 6px rgba(0,0,0,.6)}.min-max{color:#545454;font-size:20px;font-weight:100;margin-bottom:50px}
/*# sourceMappingURL=main.4e54911d.css.map*/