body {
  background-color: rgb(56, 80, 48);
  color: rgb(255, 255, 255);
  font-family: Arial, Helvetica, sans-serif;
  position:static;
  margin: auto;
  justify-content: center;
  border:5px solid white;
  width: 640px;
  height: 480px;
}
/* shit that makes your images center */
 .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}

/* unvisited link */
a:link {
  color: whitesmoke;
}

/* visited link */
a:visited {
  color: wheat;
}

/* mouse over link */
a:hover {
  color: rgb(165, 255, 177);
}

/* selected link */
a:active {
  color: black;
}

.center_page {
  display: flex;
  justify-content: center;
  align-items: center;
}

.solid {
  border-style: solid;
}

/* Container holding the image and the text */
.container {
  position: relative;
  text-align: center;
  color: white;
}

/* Bottom left text */
.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}