@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-family:Raleway,Noto Sans JP,sans-serif;font-weight:400;font-size:1.6rem;font-display:swap;color:#ccc;text-shadow:#afaeae 1px 0 10px;margin:0;padding:0}.wrapper{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0003,#00000080),url(/assets/background-image-DgF2ZQHi.jpg) center center no-repeat;background-size:cover}.container{width:50vw;text-align:center;padding:40px 20px;border-radius:15px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:4px 4px 13px 5px #00000040}@media only screen and (max-width: 700px){.container{width:80vw}}h1{font-weight:400;margin:0 0 50px}h1 span{font-style:italic;font-size:12px;vertical-align:super}input[type=text]{background-color:transparent;border:0;border-bottom:solid 1px #ffc512ba;width:40%;padding-left:1rem;padding-bottom:4px;color:#ddd!important;font-weight:lighter;letter-spacing:2px;margin-bottom:30px;margin-right:20px;font-size:20px}button{width:40%;border:0;padding:8px 20px;margin:0 2px;border-radius:2px;letter-spacing:1px;font-size:1.5rem;cursor:pointer;background-color:#ffc512ba;color:#222}button:hover{opacity:.9}*:focus{outline:none}.results-city{font-size:4rem}.results-country{font-size:2rem}.results-temp{font-size:6rem;margin:10px 0;color:#ffc512ba}.results-temp>span{font-size:3rem;color:#ccc}.results-condition{display:flex;align-items:center;justify-content:center;font-size:2.5rem}.loading{border:4px solid #ffc512ba;border-top:4px solid #ccc;border-radius:50%;width:40px;height:40px;margin:auto;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}