CSS uploaded by scrapbook.hackclub.com/customizer

style.css

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500&display=swap');
:root {
  --colors-background: #006D75;

  --colors-text: #ffffff;

  --colors-elevated: #EA7200;
  
  --colors-dark-purple: #5A2D81;
  
  --colors-gold: #FDB927;

  --fonts-body: 'JetBrains Mono', monospace;
  
}

.header-streak {
  background-color: var(--colors-dark-purple);
  color: var(--colors-text);
}

.header-link {
  color: var(--colors-gold);
  transition: all 0.2s;
}

.header-link:hover {
  transform: scale(1.2)
}

.header-title-avatar {
  animation-name: profilepic;
  animation-duration: 0.5s;
  animation-iteration-count: 2;
  animation-timing-function: linear;
}
@keyframes profilepic {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}