index.css

/*
	Hi!
	Big thanks to Sam for including my scrapbook theme into the workshop <3 <3 <3
	If you want to check out the workshop: https://workshops.hackclub.com/scrapbook_css/
	Try experimenting with the code - change the font, background, colors and anything else what's changeable!
	Happy hacking!
*/

@font-face {
  font-family: "Pixelated MS Sans Serif";
  src: url(https://unpkg.com/98.css@0.1.16/dist/ms_sans_serif.woff) format("woff");
  src: url(https://unpkg.com/98.css@0.1.16/dist/ms_sans_serif.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family:"Pixelated MS Sans Serif";src:url(https://unpkg.com/98.css@0.1.16/dist/ms_sans_serif_bold.woff) format("woff");src:url(https://unpkg.com/98.css@0.1.16/dist/ms_sans_serif_bold.woff2) format("woff2");font-weight:700;font-style:normal;
}

body {
  font-family: "Pixelated MS Sans Serif",Arial;
  background-color: #008080;
}

.posts {
  border-radius: 0;
  background-color: transparent;
}

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

.post-text {
	color: #222 !important;
}

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

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

.react-calendar-heatmap text  {
	fill: white !important;
}

.css {
  color: white !important;
}

.header-back {
  color: white !important;
}

.headline {
  color: white !important;
}

a {
  color: #00f;
}

.header {
  color: white !important;
}

.header-webring-mention:focus, .header-webring-mention:hover {
  background-color: white !important;
  color: black !important;
  box-shadow: none !important;
}

.header-webring-mention {
  font-size: 20px !important;
}

/*! Used code of Github repo jdan/98.css */