CSS uploaded by scrapbook.hackclub.com/customizer

style.css

@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@1,600&display=swap');

:root {
  --colors-background: #01ed01;

  --colors-text: #0f59ed;

  --colors-elevated: #fcf309;
  
  --colors-muted: #0f59ed;
  
  --fonts-body: 'Kanit', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI';
}

@keyframes blue-yellow {
  14% {
    color: blue;
  }
  70% {
    color: yellow;
  }
}

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


@keyframes rotate {
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.header-title-avatar {
  animation: rotate 5s infinite;
}

.post :hover {
  transform: scale(1.02);
}

.post :hover {
  transition: all 0.2s ease-in-out;
}


.header-links :hover {
color: yellow;
}


.post {
  border-radius: 18px;
  opacity: 1 !important;
  margin: 2%;
  width: auto;
}

.posts {
  background-color: blue;
}

.post {
	box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf, inset -2px -2px grey, inset 2px 2px #fff;
	background: #fcf309 !important;
}

.nav-link {
 color: white !important;
}

.post-attachments {
box-shadow: 0px 0px 30px 0px #01ed01;
}