body {
  font-family: Arial, sans-serif;
  padding: 40px;
  background-color: #f5f5f5;
}
h1 {
justify-self: center;

}

@keyframes disco {
  0% {
    background-color: #0000ff;
  }

  33% {
    background-color: #ff0000;
  }

  66% {
    background-color: #0000ff;
  }

  100% {
    background-color: #ff0000;
  }
}
.disco-floor {
  animation: disco 0.1s infinite;
}
.box {
width: 200px;
height: 200px;
  background-color: red;
  animation: moveBox 0.3s infinite
}
@keyframes moveBox {
  



  25% {
    rotate: (90deg);
    background-color: red;

  }

  50% {
    rotate: (180deg);
    background-color: blue;
  }

  75% {
    rotate: (270deg);
    background-color: red;
  
  }

  100% {
    rotate: (360deg);
    background-color: blue;

  }
}