/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
  background-color: white;
  color: black;
  font-family: Verdana;
  background-image: url(https://wheelofchaos.neocities.org/img/chess.gif);
  background-repeat: repeat;
}
h1 {
  color: red;
}
.my-box {
  width: 800px;       /* Sets the width of the box */
  height: 2000px;      /* Sets the height of the box */
  background-color: #f0f0f0; /* Sets the background color */
  border: 0px solid black; /* Adds a border to the box */
  padding: 10px;      /* Adds some space inside the box */
  text-align: center;  /* Centers the text within the box */
  margin-left: auto; 
  margin-right: auto;
}
.my-box-small {
  width: 200px;
  height: 200px;
  background-color: #f0f0f0;
  border: 0px solid black;
  padding: 10px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}