@font-face {
  font-family: 'midnight-flame';
  src: url(https://eden-online.neocities.org/fonts/MidnightFlameGothicDemo-1GWMM.otf);
}

@font-face {
  font-family: 'medival-pixel';
  src: url(https://eden-online.neocities.org/fonts/medieval-pixel.otf);
}

@font-face {
  font-family: 'gothic-ragged';
  src: url(https://eden-online.neocities.org/fonts/GothicRaggedRegular-8ODBJ.ttf);
}

@font-face {
  font-family: 'kenzi';
  src: url(https://eden-online.neocities.org/fonts/Kenzi-zrV33.ttf);
}

@font-face {
  font-family: 'BJCree';
  src: url(https://eden-online.neocities.org/fonts/BJCree-Regular.ttf);
}

@font-face {
  font-family: 'BJCree-semibold';
  src: url(https://eden-online.neocities.org/fonts/BJCree-SemiBold.ttf);
}

html {
  overflow: scroll;
	    scrollbar-width: thin;
	    scrollbar-color: #ccdff0 #000000;
}

body {
	padding: 1rem;
	padding-bottom: 4rem;
	box-sizing: border-box;
	font-family: "Miranda Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 13px;
	background-color: #E4EDF5;
}

img {
	max-width: 100%;
}

a {
	color: black;
	text-shadow: 1px 1px 2px #DAAAAB;
}

a:hover {
 color: black;
 font-weight: bold;
 text-decoration: none;
	text-shadow: 1px 1px 2px #DAAAAB;
  
}

h1 {
	margin-top: 0;
	font-size: 18px;
	border-bottom: 1px dotted black;
  font-family: 'BJCree-semibold';
  src: url(https://eden-online.neocities.org/fonts/BJCree-SemiBold.ttf);
}

h1::before {
	content: "\2727\00B7\00B7\00B7";
	color: #DAAAAB;
	padding-right: 3px;
  font-family: 'BJCree-semibold';
  src: url(https://eden-online.neocities.org/fonts/BJCree-SemiBold.ttf);
  animation: sparkleAnimation 2s infinite ease-in-out;
  animation-delay: 0.3s; 

}

h1::after {
	content: "\00B7\00B7\00B7\2727";
	color: #DAAAAB;
	padding-left: 3px;
  font-family: 'BJCree-semibold';
  src: url(https://eden-online.neocities.org/fonts/BJCree-SemiBold.ttf);
  animation: sparkleAnimation 2s infinite ease-in-out;
  animation-delay: 0.3s; 
}

@keyframes sparkleAnimation {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  }

h2 {
	margin-top: 2rem;
	font-size: 16px;
	letter-spacing: 1px;
	border-bottom: 1px dotted black;
  font-family: 'BJCree';
  src: url(https://eden-online.neocities.org/fonts/BJCree-Regular.ttf);
}

h2::before {
	content: '\2726';
	color: #333333;
	margin-right: 4px;
  font-family: 'BJCree';
  src: url(https://eden-online.neocities.org/fonts/BJCree-Regular.ttf);
   animation: sparkleAnimation 2s infinite ease-in-out;
  animation-delay: 0.3s; 
}

@keyframes sparkleAnimation {
  0%, 100% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  }

th, td {
	padding: 6px 12px;
    vertical-align: top;
}

th {
	background: black;
	color: white;
}