.app{background-color:#f1f1f1;display:flex;justify-content:center;height:100vh;align-items:center}@media only screen and (max-width: 768px){.app{height:120vh}}@media only screen and (max-width: 480px){.app{height:120vh}}@keyframes gradientAnimation{0%{background-color:#002633}50%{background-color:#01203d}to{background-color:#000d1a}}.page-container{animation:gradientAnimation 8s ease infinite alternate;width:40%;height:100vh}@media only screen and (max-width: 768px){.page-container{width:70%;height:120vh}}@media only screen and (max-width: 480px){.page-container{width:90%;height:120vh}}.search-container{margin-top:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.show{display:flex;gap:2rem}.hide{display:none}.search-form input{padding:.3rem 7rem .3rem .7rem;font-size:.8rem;background-color:transparent;border:.025rem solid #a8a8a8e7;border-radius:1rem;box-shadow:0 4px 30px #0000001a;color:#ddd;font-weight:400;text-align:left!important}.search-form button{padding:.3rem .9rem;font-size:1rem;color:#ddd;border:.025rem solid #b7b6b6;background:rgba(255,255,255,.284);backdrop-filter:blur(6.5px);border-radius:1rem;cursor:pointer;font-weight:bolder;box-shadow:0 4px 30px #0000001a}.search-form button:hover{background-color:#24242489;backdrop-filter:blur(6.5px);transition:.2s ease-in-out}button{cursor:pointer}.container{display:flex;flex-direction:column;gap:2.5rem;justify-content:center;align-items:center}.currentW{width:90%}.dailyF{width:100%}.dailyF h3{color:#ffffffa2;font-weight:700;font-size:20px;padding:.3125rem 0 1.25rem .625rem;border-top:1px solid rgba(255,255,255,.401)}@media only screen and (min-width: 600px){.search-form input{padding:.1rem 5rem .1rem .5rem}}@media only screen and (max-width: 600px){.search-response{padding:2rem 1rem}.show{gap:.875rem}.search-form input{padding:.3rem 2rem .3rem .5rem}.search-form button{padding:.3rem .7rem;font-size:1rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{animation:spin 1s linear infinite;color:#ffffff48}.current-cotainer{box-sizing:border-box;display:flex;justify-content:space-evenly;flex-direction:column;align-items:center;width:80%;margin:auto}.current-cotainer img{margin:10px 0 0;width:250px}.currentCity-hide{display:none}.currentCity-show{display:flex;align-items:center;gap:1rem;width:100%;gap:10px;justify-content:space-between}.currentCity-show .icon button,.currentCity-show .icon span{color:#fff;font-size:18px;cursor:pointer;border:none;background-color:transparent}.location{display:flex;flex-direction:column;align-items:center}.location h2{font-weight:700;font-size:2.8125rem;color:#ddd}h3{font-weight:700;font-size:15px;color:#ddd}.location h3:first-child{border-bottom:.0313rem solid #aeaeae80;padding-bottom:8px}h3 span{font-size:14px;color:#ddd}h3 span:last-child{color:#aeaeaeb4;font-weight:700;font-size:13px}.informations{padding:1.25rem 0 0;display:flex;justify-content:space-between;gap:2.5rem;margin:1rem 0;color:#fff}@media only screen and (max-width: 600px){.current-cotainer{padding:1rem 2rem}.location h2{font-size:30px}.location h3,.location h3 span{font-size:.875rem}}.forecast-container{display:flex!important;color:#fff;gap:1.1rem;justify-content:space-evenly;flex-wrap:wrap;align-items:center;justify-content:center}.forecast-day{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;border-radius:10rem;background:rgba(255,255,255,.284);backdrop-filter:blur(.4063rem)}p{text-align:left}img{width:clamp(1.875rem,10vw,2.5rem);min-width:1.875rem}#degree{font-weight:700;font-size:clamp(14px,1vw,14px)}#date{font-size:clamp(11px,1vw,14px);color:#ffffff7d}*{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;margin:0;padding:0;box-sizing:border-box}