body{
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    padding: 40px;
    transition-duration:  0.5s;
}
.sunny{
    background: linear-gradient(#fb786f, #f7797d);
    color: #222;
}
.cloudy{
    background: linear-gradient(#bdc3c7, #2c3e50);
    color: white;
}
.rainy{
    background: linear-gradient(#4e54c8, #8f94fb);
    color: white;
}
.default{
    background: linear-gradient(#e0eafc, #cfdef3);
    color: #333;
}
button {
    border: none;
    border-radius: 20px;
    padding: 15px 20px;
    color: white;
    font-weight: 800;
    transition: all 0.3s ease-in-out;
   background:  linear-gradient(90deg, #953f42 0%, #924641 100%);
   width: 20%;
}

button:hover{
    background-color: #f7797d;
    cursor: pointer;
    animation: bounce 0.6s ease;
}