Hackclub scrapbook CSS

scrapbook-styles.css

.post {
  border-radius: 0;
  background-color: #000;
  border: 1px solid #fff;
  margin: 0;
  border-left: none;
}

.post:nth-child(1) {
  border-left: 1px solid #fff;
}

.header {
  padding-left: 30px;
  padding-top: 20px;
}

a.header-link {
  filter: hue-rotate(157deg);
}

.header-title-avatar { /* hidden for now... */
  display: none;
}

.header-title-name {
  color: hsl(50, 100%, 50%);
  animation: cycle 5s infinite linear;
}

.header-title-name::after {
  display: block;
  content: 'Flower Fields';
  font-size: 20px;
  margin-bottom: 20px;
  color: #999;
}

.post-header-date {
  color: #ff9944 !important;
}

@keyframes cycle {
  from { filter: hue-rotate(0deg); }
  to { filter: hue-rotate(360deg); }
}

.posts {
  padding: 0;
  border-radius: 0;
  margin: 0;
  gap: 0;
}

.container {
  padding: 0;
}

@font-face {
	font-family: 'bios';
    src: url(https://martia.net/bios.woff) format('woff');
}

:root {
  --colors-darker: #000;
  --colors-dark: #20201d;
  --colors-darkless: #2b2b27;
  --colors-black: #1d201d;
  --colors-smoke: #000;
  
  --fonts-body: 'bios';
  --fonts-display: 'bios';
  --fonts-mono: 'bios';
}