body {
  background-image: url('/fullbgtest.png');
  background-repeat: no-repeat;
  background-position: center center; 
  background-size: cover; 
  background-attachment: fixed;
  color: black;
  font-family: "Comic Neue", "LXGW WenKai Mono TC", Verdana;
  display: flex;
  justify-content: center; 
  align-items: center; 
  min-height: 90vh;
  text-align: justify;
  font-size: 12px;
}

  
button {
  border: 0;
  background: none;
  }

/* Headers */
h1 {
  font-family: "Protest Revolution", sans-serif;
  font-size: 50px;
  }
h2 {
  font-family: "Protest Revolution", sans-serif;
  color: gray;
  }
h3 {
  border: 1px;
  }

/* Images */
.homebutton {
  position: fixed;
  bottom: 0; 
  right: 0;  
  z-index: 999;
  }
  
 /* Font */
.protest-revolution-regular {
  font-family: "Protest Revolution", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.comic-neue-light {
  font-family: "Comic Neue", cursive;
  font-weight: 300;
  font-style: normal;
}

.comic-neue-regular {
  font-family: "Comic Neue", cursive;
  font-weight: 400;
  font-style: normal;
}

.comic-neue-bold {
  font-family: "Comic Neue", cursive;
  font-weight: 700;
  font-style: normal;
}

.comic-neue-light-italic {
  font-family: "Comic Neue", cursive;
  font-weight: 300;
  font-style: italic;
}

.comic-neue-regular-italic {
  font-family: "Comic Neue", cursive;
  font-weight: 400;
  font-style: italic;
}

.comic-neue-bold-italic {
  font-family: "Comic Neue", cursive;
  font-weight: 700;
  font-style: italic;
}

.lxgw-wenkai-mono-tc-regular {
  font-family: "LXGW WenKai Mono TC", monospace;
  font-weight: 400;
  font-style: normal;
}


/* Layout */

.bamboo {
  border: 20px solid black;
  border-image: url('/layoutpieces2.png') 100 / 30px / 5px repeat;
  z-index: 333;
  }

main {
  display: flex;
  background-color: #FFF7E7;
  padding-right: 20px;
  height: 50vh;
  width: 75vw;
  overflow: auto;
  }