@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap);@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);html{font-size:62.5%}body{color:#333;font-display:swap;font-family:Raleway,Noto Sans JP,sans-serif;font-size:1.6rem;font-weight:400;margin:0;padding:0}.wrapper{align-items:center;background:url(/static/media/background-image.4f6fce9b4084f82de300.jpg) 50% no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;width:100vw}.container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:15px;box-shadow:4px 4px 13px 5px rgba(0,0,0,.25);padding:40px 20px;text-align:center;width:50vw}@media only screen and (max-width:700px){.container{width:80vw}}h1{font-weight:400;margin:0 0 50px}input[type=text]{background-color:initial;border:0;border-bottom:1px solid #f15186;color:#fff!important;font-size:20px;font-weight:lighter;letter-spacing:2px;margin-bottom:30px;margin-right:20px;padding-bottom:4px;width:40%}button{background-color:#f15186;border:0;border-radius:2px;color:#fff;cursor:pointer;font-size:1.5rem;letter-spacing:1px;margin:0 2px;padding:8px 20px;width:40%}button:hover{opacity:.9}:focus{outline:none}.results-city{font-size:4rem}.results-country{font-size:2rem}.results-temp{color:#f15186;font-size:6rem;margin:10px 0}.results-temp>span{color:#333;font-size:3rem}.results-condition{align-items:center;display:flex;font-size:2.5rem;justify-content:center}.loading{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;border:4px solid #f15186;border-radius:50%;border-top-color:#fff;font-size:3rem;height:40px;margin:auto;width:40px}span.title{-webkit-animation:bounce .5s ease infinite alternate;animation:bounce .5s ease infinite alternate;background-color:#8a2be2;border-radius:50%;font-size:2.5rem;font-weight:400;height:10px;margin:0 5px;width:10px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.eebb19ce.css.map*/