html {
  background: #3b428c;
  color: #DDDDDF;
  background-size: 64px;
  background-attachment: fixed;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  cursor: url(""), auto;
  scrollbar-width: thin;
  scrollbar-color: #3746c7 #dddddf;
}

body {
  font-family: "DotGothic16", cursive;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Press Start 2P", cursive;
}

h1 {font-size:24px;}
h2 {font-size:20px;}

.border {
  border-image-slice: 25%;
  border-image-width: 32px;
  border-image-outset: 16px;
  border-image-repeat: stretch;
  border-image-source: url("https://i.ibb.co/nsBrNsn/border.png");
  border-style: solid;
  padding: 16px;
  background: #4b5397;
}

a {
  color: #7ccac4;
  font-weight:bold;
  filter: brightness(100%);
}

a:hover {
  filter: brightness(50%);
}

blockquote {
  border-left:4px solid #D62633;
  margin-left:24px;
  padding-left:8px;
}

button {
  font-family: "DotGothic16", cursive;
  font-weight: bold;
  filter: brightness(100%);
}

button:hover {
  filter: brightness(50%);
}

.button1 {
  border-image-slice: 25% fill;
  border-image-width: 32px;
  border-image-outset: 8px;
  border-image-repeat: stretch;
  border-image-source: url("https://i.ibb.co/6RGd0gN/button1.png");
  border-style: solid;
  width: 200px;
  color: rgba(0, 0, 0, 0.8);
  margin: 8px;
}

.button2 {
  border-image-slice: 25% fill;
  border-image-width: 32px;
  border-image-outset: 8px;
  border-image-repeat: stretch;
  border-image-source: url("https://i.ibb.co/hKrPc0q/button2.png");
  border-style: solid;
  width: 200px;
  color: rgba(0, 0, 0, 0.8);
  margin: 8px;
}

.button3 {
  border-image-slice: 25% fill;
  border-image-width: 32px;
  border-image-outset: 8px;
  border-image-repeat: stretch;
  border-image-source: url("https://i.ibb.co/7rQjcr4/button3.png");
  border-style: solid;
  width: 200px;
  color: rgba(0, 0, 0, 0.8);
  margin: 8px;
}

.button4 {
  border-image-slice: 25% fill;
  border-image-width: 32px;
  border-image-outset: 8px;
  border-image-repeat: stretch;
  border-image-source: url("https://i.ibb.co/7RjVPRy/button4.png");
  border-style: solid;
  width: 200px;
  color: rgba(0, 0, 0, 0.8);
  margin: 8px;
}

#page {
  padding:16px;
  float:left;
}

#sidebar {
  width:220px;
  padding:16px;
  height:500px;
  float:left;
}

#container {
  width: 500px;
  height: 500px;
  padding: 16px;
  margin-left: 32px;
  float:right;
  overflow-y:auto;
  scrollbar-width: thin;
  scrollbar-color: #3746c7 #dddddf;
}

.post1 {
  background:#3B428C;
  padding:8px;
  border:2px solid black;
  margin-bottom:8px;
}

.post2 {
  background:#DDDDDF;
  color:black;
  padding:8px;
  border:2px solid black;
  margin-bottom:8px;
}

#credit {
  position:fixed;
  bottom: 8px;
  right: 8px; 
}