*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}.container{display:flex;align-items:center;justify-content:center;top:-20%;height:100vh;background-image:url(/weatherInfo/assets/background1-C9uonnFu.jpg);background-repeat:no-repeat;background-size:cover;opacity:.7;font-family:Montserrat,sans-serif}.form-item{margin-right:5px;margin-left:0;margin-top:-10%;font-family:Montserrat,sans-serif;font-size:16px;padding:10px 15px;border-radius:8px;border:1px solid #ccc;background-color:#f9f9f9;width:250px;height:45px;outline:none}.form-item:not(:disabled):hover{cursor:pointer;color:#10547c}@media (max-width: 768px){.container{flex-direction:column;top:0;height:100vh}.form-item{width:80%;margin-top:10px}.button{width:80%}}.header-container{color:#000;position:absolute;padding-top:10px;padding-left:25px;padding-right:25px;font-size:1.2rem;width:100%;display:flex;align-items:center;justify-content:space-between}@media (max-width: 554px){.header-container{font-size:1rem;flex-direction:column;margin-top:1.5rem}}.weather-container{display:flex;flex-direction:column;justify-content:space-between;height:100vh;background-image:url(/weatherInfo/assets/background1-C9uonnFu.jpg);background-repeat:no-repeat;background-size:cover;opacity:.7}.weather-card{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:90%;max-width:500px;margin:10% auto 20px;padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #00000052}@media (max-width: 554px){.weather-card{margin-top:40%}}.card-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;width:100%;margin:10px 0;padding:10px;background-color:#9ab2c4c6;border-radius:8px;box-shadow:0 2px 4px #0000001a}.icon{width:20rem;padding:3rem;opacity:10}.footer-weatherinfo{display:flex;align-items:center;justify-content:center;padding-bottom:10rem}.button-weatherinfo{font-family:Montserrat,sans-serif;font-size:16px;padding:10px 15px;border-radius:8px;box-shadow:1%;outline:none;cursor:pointer}.button-weatherinfo:hover{color:#10547c}.error{display:flex;justify-content:center;align-items:center;height:100vh;margin-top:10rem;font-weight:700;font-size:larger}