*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{justify-content:center;background-image:url(bg-DG4lbhiD.png);background-repeat:no-repeat;background-size:contain;background-attachment:fixed;background-position:center;font-size:16px}#app{max-width:800px;min-height:500px;margin:10rem auto;padding:2rem 1rem;background:#00b7ff40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:0rem}main{max-width:600px;margin:1rem auto;font-weight:400}.title{position:fixed;top:-7rem;left:1.5rem;padding-right:2rem;font-size:2rem;font-weight:700;color:#00b7ff;text-align:center;background:linear-gradient(to left,#00ceff,red);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.weather-card{width:280px;margin:2rem auto;padding:2rem 1rem;color:#fff;text-align:center;border-radius:1rem}.day{background:#47fffa80;background:linear-gradient(0deg,#47fffabf,#00b7ffbf 50%)}.night{background:#0028ff7f;background:linear-gradient(0deg,#23007dbf,#0178ff7f 50%)}.sunrise-sunset{background:#ff8f00bf;background:linear-gradient(0deg,#ffd600bf,#f07828bf 50%)}.weather-card h2{margin-top:1rem}.weather-group{display:flex;flex-direction:column;margin-top:3rem}footer{position:fixed;bottom:-12rem;left:50%;transform:translate(-50%)}@media screen and (min-width: 480px){.title{top:-8rem;left:1.5rem;font-size:3rem}}@media screen and (min-width: 800px){#app{border-radius:1rem}.title{top:-7rem}.weather-group{display:flex;flex-direction:row}footer{position:fixed;bottom:-18rem;left:50%;transform:translate(-50%)}}.group[data-v-3d9ebbd6]{display:flex;width:100%;height:40px;border-radius:.5rem;box-shadow:0 1px 8px .1px #6e6e6e}input[data-v-3d9ebbd6],button[data-v-3d9ebbd6]{height:40px;padding:.5rem 0rem;border-radius:.5rem;border:none;outline:none;text-align:center;font-size:1rem}input[data-v-3d9ebbd6]{flex-basis:400px}button[data-v-3d9ebbd6]{flex-basis:200px;background-color:#00b7ff;color:#fff;cursor:pointer}@media screen and (min-width: 375px){input[data-v-3d9ebbd6]{flex-basis:450px}button[data-v-3d9ebbd6]{flex-basis:150px}}@media screen and (min-width: 480px){input[data-v-3d9ebbd6]{flex-basis:480px}button[data-v-3d9ebbd6]{flex-basis:120px}}.sunrise-sunset[data-v-7090ac39]{display:flex;flex-direction:column;justify-content:center;align-items:center}p[data-v-7090ac39]{margin:1rem auto;font-size:1.2rem}