body{transition:background-color .5s ease;display:flex;align-items:center;justify-content:center;font-family:Arial,Helvetica,sans-serif}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.day{background:url(/Previs-o-Do-Tempo/assets/background%20day-VCaPMg4_.avif) no-repeat center center fixed;background-size:cover}.night{background:url(/Previs-o-Do-Tempo/assets/background%20night-100uW7YC.avif) no-repeat center center fixed;background-size:cover}h1{font-size:2rem;font-weight:400;text-transform:uppercase;margin:1.5rem 0}input{padding:1rem;border:0;border-radius:10px 0 0 10px;font-size:1rem}button{padding:1rem;border:0;border-radius:0 10px 10px 0;font-weight:bolder;font-size:1rem;background-color:orange;color:#fff;cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}.container-main{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffffc7;margin:1rem 0;width:100%;border-radius:30px;font-size:1.5rem;gap:1rem;padding:1rem}.descricao{text-transform:uppercase}.city-name{font-size:2rem;font-weight:400;text-transform:uppercase}.container-info{display:flex;align-items:center;justify-content:center;background-color:#add8e6;padding:1rem;border-radius:30px}.container-info img{width:60px;height:60px}.container-info p{font-size:1.5rem}.container-info-sec{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:1rem 0;font-size:1rem}