@import url(https://fonts.googleapis.com/css2?family=Cairo&display=swap);@import url(https://fonts.googleapis.com/css2?family=Audiowide&display=swap);section[data-v-7b0ac6d0]{display:flex;flex-direction:column;place-items:center;justify-content:center;padding:3rem 0}input[data-v-7b0ac6d0]{width:20vw;height:3rem;border:0;border-bottom:2px solid #2c4373;text-align:center;font-size:30px;background:transparent;color:#bbdefb}input[data-v-7b0ac6d0]:focus{outline:none}button[data-v-7b0ac6d0]{padding:1rem 1rem}p[data-v-7b0ac6d0]{margin-bottom:2rem;color:#eb4d4d}@media screen and (max-width:1700px){input[data-v-7b0ac6d0]{width:50vw}}@media screen and (max-width:700px){input[data-v-7b0ac6d0]{width:80vw}}[data-v-6b6b6d12]{color:#fcfefc}#weatherDisplay[data-v-6b6b6d12]{display:grid;grid-template-areas:"date" "cityName" "icon" "weatherDescription" "currentTemp" "box";place-items:center;justify-content:center;gap:2rem;font-size:30px;margin-bottom:3rem}#date[data-v-6b6b6d12]{grid-area:date}#cityName[data-v-6b6b6d12]{grid-area:cityName;font-size:40px}#currentWeatherIcon[data-v-6b6b6d12]{grid-area:icon}#currentWeatherIcon img[data-v-6b6b6d12]{width:150px;height:150px}#weatherDescription[data-v-6b6b6d12]{grid-area:weatherDescription}#currentTemp[data-v-6b6b6d12]{grid-area:currentTemp}#currentTemp h3[data-v-6b6b6d12]{font-family:Cairo,sans-serif;color:#c5d9f7;font-size:150px;padding-left:20%}#box[data-v-6b6b6d12]{display:flex;place-items:center;justify-content:center;grid-area:box;background:linear-gradient(90deg,#2c4373 0,#3a5286 50%,#2c4373);padding:2rem;border-radius:25px}#windColumn[data-v-6b6b6d12]{grid-area:windColumn}#humidityColumn[data-v-6b6b6d12],#windColumn[data-v-6b6b6d12]{display:flex;flex-direction:column;place-items:center;justify-content:center;margin:0 2rem}#humidityColumn[data-v-6b6b6d12]{grid-area:humidityColumn}#temperatureColumn[data-v-6b6b6d12]{grid-area:temperatureColumn}#cloudColumn[data-v-6b6b6d12],#temperatureColumn[data-v-6b6b6d12]{display:flex;flex-direction:column;place-items:center;justify-content:center;margin:0 2rem}#cloudColumn[data-v-6b6b6d12]{grid-area:cloudColumn}.box-title[data-v-6b6b6d12]{color:#97a9c7;margin-bottom:1rem}#feelsLike[data-v-6b6b6d12]{grid-area:feelsLike}#humidity[data-v-6b6b6d12]{grid-area:humidity}#wind[data-v-6b6b6d12]{grid-area:wind}#cloud[data-v-6b6b6d12]{grid-area:cloud}.icon[data-v-6b6b6d12]{width:30px;height:30px;margin-bottom:1rem}@media screen and (max-width:900px){#box[data-v-6b6b6d12]{transform:scale(.9)}}@media screen and (max-width:600px){#box[data-v-6b6b6d12]{transform:scale(.7)}}@media screen and (max-width:500px){#box[data-v-6b6b6d12]{flex-direction:column;transform:scale(1);width:60vw}#cloudColumn[data-v-6b6b6d12],#humidityColumn[data-v-6b6b6d12],#temperatureColumn[data-v-6b6b6d12],#windColumn[data-v-6b6b6d12]{margin:2rem 0}}@media screen and (max-width:450px){#box[data-v-6b6b6d12]{min-width:250px}}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:linear-gradient(180deg,#63a1f2 0,#67b0f3 50%,#577ef2)}#app-body{width:100vw;height:100%}h1[data-v-65e53dc2]{font-family:Audiowide,cursive;display:flex;flex-direction:column;place-items:center;justify-content:center;font-size:60px;padding:2rem 0;color:#fcfefc}@media screen and (max-width:480px){h1[data-v-65e53dc2]{font-size:40px}}