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