@import url(https://fonts.googleapis.com/css2?family=Lato&display=swap);@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap);*{box-sizing:border-box;font-size:100%;margin:0;outline:none;padding:0}body{background-attachment:fixed;background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(/static/media/weather-bg.f329ef1bde8274316bf8.png);background-size:100% 100%;font-family:Lato,sans-serif;height:100vh;width:100%}button{cursor:pointer}.WeatherApp__contents .WeatherApp__contents-container{display:flex;font-size:1.1rem}.WeatherApp__contents .WeatherApp__contents-container figure{align-items:center;background-color:rgba(53,135,155,.638);border-radius:7px;display:flex;justify-content:space-evenly;width:100%}.WeatherApp__contents .WeatherApp__contents-container figure img{width:100px}.WeatherApp__contents .WeatherApp__contents-container figure figcaption{color:#fff;font-weight:700}.WeatherApp__contents .WeatherApp__contents-container figure figcaption p+p{margin-top:10px}.WeatherApp__contents .WeatherApp__contents-container figure figcaption p strong{margin-left:10px}.WeatherApp__contents .WeatherApp__contents-container .WeatherApp__contents-temperature{align-items:center;display:flex;margin-left:20px;width:100%}.WeatherApp__contents .WeatherApp__contents-container .WeatherApp__contents-temperature div{align-items:center;background-color:rgba(53,135,155,.638);border-radius:7px;color:#fff;font-weight:700;padding:20px;text-align:center;width:250px}.WeatherApp__contents .WeatherApp__contents-container .WeatherApp__contents-temperature div p+p{margin-top:15px}.WeatherApp__contents .WeatherApp__contents-container .WeatherApp__contents-temperature div p span{margin-right:10px}.WeatherApp__contents .WeatherApp__contents-container .WeatherApp__contents-temperature div p strong{margin-left:10px}.WeatherApp__contents .WeatherApp__contents-container .WeatherApp__contents-temperature div+div{margin-left:20px}@media screen and (max-width:768px){.WeatherApp__contents .WeatherApp__contents-container{flex-direction:column}.WeatherApp__contents .WeatherApp__contents-container .WeatherApp__contents-temperature{flex-direction:column;margin-left:0}.WeatherApp__contents .WeatherApp__contents-container .WeatherApp__contents-temperature div{margin-top:20px;width:100%}.WeatherApp__contents .WeatherApp__contents-container .WeatherApp__contents-temperature div+div{margin-left:0}}.WeatherApp__date{border-radius:7px;color:#494646;padding:30px;text-align:center;width:100%}.WeatherApp__date .Weather__date-content h2{font-size:4rem}.WeatherApp__date .Weather__date-content p{font-size:1.6rem;font-weight:700;margin-bottom:10px}.WeatherApp__date .WeatherApp__date-hour{font-size:1.2rem;font-weight:700}@media screen and (max-width:767px){.WeatherApp__date .Weather__date-content h2{font-size:3rem}.WeatherApp__date .Weather__date-content p{margin:20px 0}}.WeatherApp .WeatherApp__container{grid-gap:20px;display:grid;gap:20px;grid-template-areas:"hour form" "content content";grid-template-columns:40% 1fr;justify-content:center;margin:0 auto;place-items:center;width:80%}.WeatherApp__date{background-color:#fff;grid-area:hour}.WeatherApp__form{background-color:#fff;grid-area:form}.WeatherApp__contents{background-color:#fff;border-radius:7px;grid-area:content;margin-top:-40px;padding:30px;width:100%}@media screen and (max-width:767px){.WeatherApp .WeatherApp__container{grid-template-areas:"hour" "form" "content";grid-template-columns:100%;width:100%}.WeatherApp .WeatherApp__container .WeatherApp__contents{margin-top:0}}@media screen and (min-width:768px) and (max-width:992px){.WeatherApp .WeatherApp__container{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}}.WeatherApp .WeatherApp__title{color:#fff;font-family:Orbitron,sans-serif;font-size:2rem;font-weight:400;letter-spacing:10px;margin:30px auto;text-align:center}.WeatherApp .WeatherApp__form{border-radius:7px;color:#494646;display:flex;flex-direction:column;margin:40px auto;padding:30px;width:100%}.WeatherApp .WeatherApp__form .WeatherApp__forms-contents{background-color:rgba(53,135,155,.638);border-radius:7px;display:flex;padding:30px;width:100%}.WeatherApp .WeatherApp__form .WeatherApp__form-label{display:block;font-weight:700;margin-bottom:15px}.WeatherApp .WeatherApp__form .WeatherApp__form-input{background-color:transparent;border:1px solid #fff;border-radius:30px 0 0 30px;border-right:none;color:#fff;padding:10px 0 10px 20px;width:100%}.WeatherApp .WeatherApp__form .WeatherApp__form-btn{background-color:transparent;border:1px solid #fff;border-radius:0 30px 30px 0;color:#fff;font-size:1.3rem;padding:10px;width:60px}.WeatherApp .WeatherApp__form .WeatherApp__form-btn:hover{background-color:#fff;color:rgba(0,0,0,.6)}@media screen and (max-width:767px){.WeatherApp .WeatherApp__title{font-size:1.5rem;letter-spacing:5px;width:70%}.WeatherApp .WeatherApp__form{justify-content:center;width:100%}.WeatherApp .WeatherApp__form .WeatherApp__form-label{width:150px}}@media screen and (min-width:768px) and (max-width:992px){.WeatherApp .WeatherApp__title{position:relative;top:80px}}
/*# sourceMappingURL=main.5ac11365.css.map*/