/* 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." */
.box {
  width: 200px; /* Sets the width of the box */
  height: 800px; /* Sets the height of the box */
  padding: 20px; /* Adds space between the text and the border */
  border: 2px solid #333; /* Adds a solid dark grey border */
  background-color: blue; /* Sets a light grey background color */
  text-align: center; /* Centers the text horizontally */
  margin: 50px auto; /* Adds space above/below and centers the box horizontally */
  color: #333; /* Sets the text color */
}
.navbox {
  width: 200px; /* Sets the width of the box */
  height: calc(100vh - 150px); /* Sets the height of the box */
  padding: 20px; /* Adds space between the text and the border */
  border: 2px solid white; /* Adds a solid dark grey border */
  background-color: orangered; /* Sets a light grey background color */
  text-align: center; /* Centers the text horizontally */
  margin: 50px; /* Adds space above/below and centers the box horizontally */
  color: blue; /* Sets the text color */
}
body {
  background-color: #222222;
  color: rgb(60, 50, 255);
  font-family: Consolas, "Courier New", monospace;
}