style.css

* {
  font-family: "Press Start 2P", cursive;
  font-size: small;
}
:root {
  --light_grey: #d3d3d3;
  --golden: #9e8a29ff;
  --fixpadding: 15px 15px;
}

body {
  background-color: var(--light_grey);
}
p {
  margin-left: 30px;
  margin-right: 30px;
}

.foot {
  height: 50px;
  text-align: center;
  line-height: 50px;
}

.headerimg {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-top: 15px;
  margin-bottom: 15px;
  height: 150px;
}

.vgaImage {
  width: 200px;
  margin-left: 15px;
  margin-right: 5px;
}
.coinsImage {
  width: 100px;
  margin-left: 15px;
  margin-right: 5px;
}
.smallImg {
  width: 30px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}
.manuf {
  width: 400px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.banner {
  background-color: var(--golden);
  margin-bottom: 15px;
  text-align: center;
  font-size: large;
}
span {
  margin-left: 15px;
}
th {
  width: 150px;
}

.flexit {
  display: flex;
}
code {
  padding: var(--fixpadding);
}
@media only screen and (min-width: 1240px) {
  p,
  .banner,
  .lists,
  .nes-table-responsive,
  div {
    padding: 0 20vw;
  }
}

@media only screen and (max-width: 600px) {
  .manuf {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .flexit {
    display: block;
    padding: var(--fixpadding);
  }
  code {
    display: block;
  }
}