.box {
  background-color: black;
  width: 30%; 
  padding: 35px;
  margin-top: 140px;
  max-width: 500px;
  margin-bottom: 130px;
} 


body {
  background-image: url("https://files.catbox.moe/cimpt7.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  color: white;
  font-family: sans-serif;
  font-size: 25px;
  padding: 20px;
}
button {
  font-size:30px; 
  background-color: rgb(255, 0, 0); 
  color: black; 
  border-radius: 25px; 
  animation-name: Rainbow;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@keyframes Rainbow{
  0%{background-color: hsl(0, 100%, 62%)}
  20%{background-color: hsl(35, 100%, 62%)}
  40%{background-color: hsl(63, 100%, 62%)}
  60%{background-color: hsl(103, 100%, 62%)}
  80%{background-color: hsl(201, 100%, 62%)}
  100%{background-color: hsl(268, 100%, 62%)}
}
@keyframes TechnicallySlideDown{
  to{transform: translateY(0.5%);}
}
@keyframes slideright{
  to{transform: translateX(0.5%);}
}

img {
 transform:translateY(-350%); 
 animation-name: TechnicallySlideDown;
 animation-duration: 2s; 
 animation-iteration-count: infinite;
 animation-direction: alternate;
 animation-timing-function: ease-in-out;
}