*{
  box-sizing: border-box;
}

/* header font */
.header, h1, h2,  h3, h4, h5, .footer  {
  font-family: "Press Start 2P", system-ui;
  color: black;
}

h1 {
  text-align: center;
}

/* body font */
p, ul, #caption {
  font-family: "Pixelify Sans", sans-serif;
  font-size: 20px;
}

a {
  color: #434e3e;
  text-decoration: none;
}

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


ul {
  margin-left: -40px;
  display: flex;
  flex-wrap: wrap;
  list-style-image: none;
}

li {
  height: 30vh;
  flex-grow: 1;
  margin: 10px;
}

li:last-child {
  flex-grow: 10;
}

body {
  background-image: url("https://files.catbox.moe/ad0ofm.jpg");
  background-size: 100%;
  background-color: white; 
  margin: 0px;
}


/* Column */

.leftcolumn {
  margin: auto;
  padding: 0;
  height: auto;
  width: 30%;
  padding-bottom: 1px;
  overflow: scroll;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.about {
  position: absolute;
  width: 30%;
  background-color: #e3d2b4;
  height: 100%;
  padding: 0px;
}