body {
  background-color: #eef1ed;
  font-family: 'Arial';
  letter-spacing: -1px;
}

h1, h2, h3, h4, h5, h6, p, pre, div {
  color: #4e4a4e;
  margin: 5px;
}

a {
  color: #4e4a4e;
  text-decoration: none;
}

a:hover {
  color: #140c1c;
  text-decoration: none;
}

div { 
  display: block;
  margin: auto;
}

.mainbox {
  background-color: #eef1ed;
  width: 900px;
}

.header {
  background-size: cover;
  background-position: center;
  height: 200px;
}

/* I will never change this class name it's staying 'cuz it's funny and you can't do nothin' about it HA.*/
.markiplier {
  align-content: center;
  padding: 5px 0px 0px 0px;
  background-color: #4e4a4e;
  color: #eef1ed;
}

.navbox {
  align-content: center;
  text-align: center;
  padding: 5px 0px 0px 0px;
}

.simplebox {
  text-align: justify;
  padding: 5px;
  border: 1px dotted #4e4a4e;
}

.container {
  display: flex;
  justify-content: space-between;
  width: 900px;
}

.box {
  width: calc(447.5px);
  border: 1px dotted #4e4a4e;
  padding: 5px 0px 5px 5px;
  margin-top: 5px;
  height: 375px;
}

/* pallete that I'm using (just so I don't forgert): https://lospec.com/palette-list/dawnbringer-16 */
/* I am tweaking and adding new colours if needed but it's mostly the pallete above.*/