@import"https://fonts.googleapis.com/css2?family=Jaldi:wght@400;700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";*{color:#f5f5f5;text-align:center}h1{font-family:Rubik,serif;font-size:80px}body{background-color:#87ceeb}img{width:350px;height:350px}input::placeholder{transition:all .3s ease;color:#f5f5f5;opacity:70%}input,button{background-color:#4682b4;width:162px;border:1px solid paleturquoise;border-radius:3px;padding:10px 0;transition:all .5s ease-in-out}button:hover{transition:all .3s ease-in;background:#eee8aa;color:#f4a460;width:100px}#weather-container{font-family:Jaldi,serif;font-size:130%}#weather-info{display:none;justify-content:space-between;width:600px;border-radius:5px;padding:10px;margin:0 auto}.info-weather{margin:0;width:250px;box-shadow:inset 0 0 7px #00000080,0 0 20px #0000004d;padding:10px;cursor:pointer;border-radius:5px;transition:filter .3s ease,transform .3s ease}#infoWeather1{background-color:#ffe4e1;color:#8b0000}#infoWeather2{background-color:#e6f7ff;color:#004085}.info-weather.blurred{filter:blur(5px)}.info-weather:hover{transform:scale(1.05);transform:translateY(-20px);transform:rotate(-10deg)}#infoWeather1.active,#infoWeather2.active{display:block}@media (max-width: 600px){div>p{font-weight:600;opacity:80%}#weather-info{flex-direction:column;gap:20px;width:100%;padding:10px}#input{display:flex;flex-direction:column;width:100%;gap:5px;margin:auto}input,button{width:100%}#infoWeather1,#infoWeather2{width:90%;text-align:start}}