*{margin:0;padding:0;box-sizing:border-box}body{font-family:"montserrat",sans-serif}.app{background-image:url(/static/media/cold.76e0be29.jpg);background-size:cover;background-position:50%;transition:.4s ease-out}.app.warm{background-image:url(/static/media/hot.08e5afbc.jpg)}.app.rainy{background-image:url(/static/media/Rain.48ac8a81.jpg)}.app.cloudy{background-image:url(/static/media/cloudy.029c6311.jpg)}.app.snow{background-image:url(/static/media/snow.6086dc6d.jpg)}.app.windy{background-image:url(/static/media/windy.05245c1b.jpg)}main{min-height:100vh;background-image:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.75));padding:25px}.search-box{width:100%;margin:0 0 75px}.search-box .search-bar{display:block;width:100%;padding:15px;-webkit-appearance:none;appearance:none;background:none;border:none;outline:none;background-color:hsla(0,0%,100%,.5);border-radius:0 0 16px 16px;margin-top:-25px;box-shadow:0 5px rgba(0,0,0,.2);color:#313131;font-size:20px;transition:.4s ease}.search-box .search-bar:focus{background-color:hsla(0,0%,100%,.75)}.location-box .location{font-size:32px;font-weight:500}.location-box .date,.location-box .location{color:#fff;text-align:center;text-shadow:2px 2px rgba(50,50,70,.5)}.location-box .date{font-size:20px;font-weight:300;font-style:italic}.weather-box{display:flex;flex-direction:column;text-align:center;width:300px;margin:30px auto;background-color:hsla(0,0%,100%,.2);border-radius:16px;padding:15px 25px;color:#fff;box-shadow:3px 6px rgba(0,0,0,.2)}.weather-box .temp{font-size:102px;font-weight:900;text-shadow:3px 6px rgba(50,50,70,.5)}.weather-box .weather{display:flex;justify-content:space-between;color:#fff}.weather-box .weather .key{text-align:left;text-shadow:3px 3px rgba(50,50,70,.5)}.weather-box .weather .key h3,.weather-box .weather .value p{font-size:16px}.weather-box .weather .value{text-align:right;text-shadow:3px 3px rgba(50,50,70,.5)}.whoDeveloped{width:50%;margin:0 auto;padding:25px;border-radius:15px;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.85)}.whoDeveloped a{text-decoration:none;color:inherit;font-size:24px}.whoDeveloped p{font-weight:700;text-align:center;font-size:40px;font-family:Hack,sans-serif;text-transform:uppercase;background:linear-gradient(90deg,#000,#fff,#000);letter-spacing:5px;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-repeat:no-repeat;background-size:80%;-webkit-animation:shine 5s linear infinite;animation:shine 5s linear infinite;position:relative}@-webkit-keyframes shine{0%{background-position-x:-500%}to{background-position-x:500%}}@keyframes shine{0%{background-position-x:-500%}to{background-position-x:500%}}@media screen and (max-width:450px){.weather-box{width:95%}.weather-box .temp{font-size:70px}.weather-box .weather{justify-content:space-around;width:100%;margin:0 auto}.whoDeveloped{width:90%;border-radius:10px}.whoDeveloped p{width:100%;font-size:30px}.whoDeveloped p a{font-size:6px;text-transform:lowercase}}@media screen and (min-width:451px) and (max-width:568px){.weather-box{width:95%}.weather-box .temp{font-size:70px}.weather-box .weather{justify-content:space-around;width:100%;margin:0 auto}.whoDeveloped{width:90%;border-radius:10px}.whoDeveloped p{width:100%;font-size:30px}.whoDeveloped p a{font-size:13px;text-transform:lowercase}}@media screen and (min-width:569px) and (max-width:869px){.weather-box{width:95%}.weather-box .temp{font-size:70px}.weather-box .weather{justify-content:space-around;width:100%;margin:0 auto}.whoDeveloped{width:90%;border-radius:10px}.whoDeveloped p{width:100%;font-size:30px}.whoDeveloped p a{font-size:16px;text-transform:lowercase}}@media screen and (min-width:870px) and (max-width:1024px){.weather-box{width:400px;margin:30px auto}.weather-box .weather{display:flex;justify-content:space-around;color:#fff;width:60%;margin:0 auto}.whoDeveloped{width:60%}.whoDeveloped p a{font-size:22px;text-transform:lowercase}}@media screen and (min-width:1025px) and (max-width:1400px){.whoDeveloped{width:60%}.whoDeveloped p a{font-size:22px;text-transform:lowercase}}@media screen and (min-width:1025px){.whoDeveloped p a{font-size:26px;text-transform:lowercase}}
/*# sourceMappingURL=main.c5b6be5f.chunk.css.map */