@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 #fd81aa;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}.ai-suggestion{background:#ffffff4d;border:1px solid #ffffff8c;border-radius:12px;margin-top:20px;padding:14px 16px}.ai-suggestion p:first-of-type{letter-spacing:.07em;text-transform:uppercase;color:#333;margin-bottom:8px;font-size:14px;font-weight:500}.ai-suggestion p:nth-of-type(2){color:#333;text-align:center;text-shadow:0 1px 3px #0000001a;font-size:16px;line-height:1.75}.weather-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)}}.ai-loading{color:#fff;box-sizing:border-box;border-radius:50%;width:10px;height:10px;margin:25px auto 15px;animation:2s linear infinite shadowRolling;display:block;position:relative;left:-100px}@keyframes shadowRolling{0%{box-shadow:0 0 #fff0,0 0 #fff0,0 0 #fff0,0 0 #fff0}12%{box-shadow:100px 0 #fd81aa,0 0 #fff0,0 0 #fff0,0 0 #fff0}25%{box-shadow:110px 0 #fd81aa,100px 0 #fd81aa,0 0 #fff0,0 0 #fff0}36%{box-shadow:120px 0 #fd81aa,110px 0 #fd81aa,100px 0 #fd81aa,0 0 #fff0}50%{box-shadow:130px 0 #fd81aa,120px 0 #fd81aa,110px 0 #fd81aa,100px 0 #fd81aa}62%{box-shadow:200px 0 #fff0,130px 0 #fd81aa,120px 0 #fd81aa,110px 0 #fd81aa}75%{box-shadow:200px 0 #fff0,200px 0 #fff0,130px 0 #fd81aa,120px 0 #fd81aa}87%{box-shadow:200px 0 #fff0,200px 0 #fff0,200px 0 #fff0,130px 0 #fd81aa}to{box-shadow:200px 0 #fff0,200px 0 #fff0,200px 0 #fff0,200px 0 #fff0}}