@font-face {
  font-family: "pixel-game";
  src: url("../fonts/pixel-game/Pixel\ Game.otf")
}

body {
  background-color:black
}

header {
    color:rgb(16, 16, 16);
}

p {
    color:rgb(16, 16, 16);
    font-family: 'Times New Roman', Times, serif;
}

h1 {
    color:rgb(16, 16, 16);
    font-family: "pixel-game";
}

h2 {
    color:rgb(16, 16, 16);
    font-family: "pixel-game"
}

td {
    color: rgb(16, 16, 16);
}


a:link {
  color: #6e153a;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: #f883b2;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #d92c91;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: rgb(255, 0, 132);
  background-color: transparent;
  text-decoration: underline;
}

#wrapper {
    display: grid;
    width: 75%;
    grid-template-areas:
    "overall-photo main tops-photo";
    grid-template-columns: auto auto auto;
    grid-template-rows: auto;
}

#main {
  grid-area: main;
  padding: 20px;
}

#overall-photo {
  grid-area: overall-photo;
}

#tops-photo {
  grid-area: tops-photo;
}

.box {
  display: block;
  width:100%;
  height:100%;
  margin: 2px;
  border-color:rgb(156, 156, 156);
  border-style: solid;
  border-width: 2px;
  border-radius: 8px;
  padding: 50px;
  background-color:rgb(182, 182, 182);
}

.table-p {
    margin: 0;
}