body{
    background-color: rgb(178, 213, 214);
}



button{
    background-color: rgb(195, 228, 230);
    margin: 5px;
    padding: 5px;
}



article{
    background-color: rgba(95, 158, 160, 0.822);
    padding: 10px;
    border: 3px solid rgba(57, 77, 78, 0.664);
    margin-bottom: 20px;
}

@media (max-width:1000px) {
    
    article{
        background-color: gray;
        border:  4px solid rgba(0, 0, 0, 0.705);
    }

    body{
        background-color: rgb(56, 56, 56);
    }



}


/* Define an animation for a bounce effect */
@keyframes bounce {
    0%, 100% {
      transform: translateY(0); /* Start and end at the original position */
    }
    50% {
      transform: translateY(-20px); /* Move up */
    }
  }
  
  /* Apply the animation */
  .bounce {
    animation: bounce 5s infinite; /* Run the bounce animation continuously */
  }