CSS uploaded by scrapbook.hackclub.com/customizer

style.css

 @import url('https://fonts.googleapis.com/css2?family=Ranchers&display=swap');

:root {
  --colors-background: #4287f5;
  --colors-text: #161f29;
  --colors-elevated: #f6ff96;
  --colors-muted: #161f29;
  --fonts-body: 'Ranchers', cursive;
}

@keyframes rainbow {
  14% {
    color: #ff0000;
  }
  28% {
    color: #ffa500;
  }
  42% {
    color: #ffff00;
  }
  56% {
    color: #008000;
  }
  70% {
    color: #0000ff;
  }
  84% {
    color: #4b0082;
  }
  100% {
    color: #ee82ee;
  }
}

.header-title-name{
  animation: rainbow 5s infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}

.header-title-avatar {
  animation: spin 1s infinite;
  animation-timing-function: linear;
}

.post :hover {
  transform: scale(0.1);
  transition: all 5s ease-in-out;
}

.header {
  transform: rotate(3deg);
}

.posts {
  animation: spin 1000s infinite;
}