html {
  height: 100%;
}
body {
  background-color: rgb(55, 55, 55);
  height: 100%;
}
.HeaderTable {
  border-style: ridge;
  border-width: 9px;
  border-color: rgb(80, 80, 80);
  flex-direction: row;
  transform: skew(-20deg);
  display: flex;
  justify-content: space-between;
  padding-left: 1%;
  background-color: rgb(22, 22, 22);
  margin-right: 3%;
  margin-left: 3%;
  margin-bottom: 17px;
}
.homeButton {
  transform: skew(10deg);
  width: 130px;
}
.HeaderButtons {
  font-size: 130%;
  color: rgb(245, 245, 245);
  padding-bottom: 5px;
  white-space: nowrap;
  font-family:
    Gill Sans,
    sans-serif;
}
.HeaderButtonstable {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-style: normal;
  width: 265px;
}
.bypassSelection {
  display: flex;
  justify-content: space-evenly;
  margin-top: 2%;
  height: 100%;
}
.bypassItems {
  display: flex;
  flex-direction: column;
  border-style: ridge;
  border-width: 9px;
  border-color: rgb(80, 80, 80);
  width: 30%;
  height: 86%;
  text-align: center;
  justify-content: space-evenly;
}
td {
  transform: skew(20deg);
}
a {
  text-decoration: none;
  font-style: normal;
  color: rgb(245, 245, 245);
  font-weight: bold;
}
.image-container-vm {
  background-image: url("Pictures/Servers-clipart.jpg");
  background-size: contain;
  position: relative;
  width: 100%;
  height: 100%; /* adjust the height to fit your needs */
}
.image-container-vm:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.image-container-tut {
  background-image: url("Pictures/document-icons.jpg");
  background-size: contain;
  position: relative;
  width: 100%;
  height: 100%; /* adjust the height to fit your needs */
}
.image-container-tut:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.image-container-tools {
  background-image: url("Pictures/Gear-icons.jpg");
  background-size: contain;
  position: relative;
  width: 100%;
  height: 100%; /* adjust the height to fit your needs */
}
.image-container-tools:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.overlay-text {
  position: relative;
  bottom: -25%;
  left: 0;
  right: 0;
  padding: 4%;
  color: rgb(245, 245, 245);
  text-align: center;
  font-size: 170%;
  font-weight: bold;
  background-color: rgba(
    0,
    0,
    0,
    0.25
  ); /* adjust the opacity to fit your needs */
  margin: 8%;
  font-family:
    Gill Sans,
    sans-serif;
}
.GamesRow {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin-top: 2%;
  width: 100%;
  height: 19%;
}
.GamesButton {
  border-style: ridge;
  border-width: 9px;
  border-color: rgb(80, 80, 80);
  width: 9%;
  height: 85%;
  color: rgb(245, 245, 245);
  background-color: rgb(22, 22, 22);
  align-items: center;
  text-align: center;
  justify-content: center;
}
.GamesPicFrame {
  background-image: url("Pictures/drifthunters.jpg");
  background-size: contain;
}
.PcTableListingTable {
    border-style: double;
    border-width: 6px;
    width: -webkit-fill-available;
    height: 425px;
}
.ListingGrid {
    justify-content: center;
    display: flex;
}
.ListingContents {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.PcListingPicture {
    transform: none;
}
.PcListingTitle {
    transform: none;
    display: contents;
}
.TitleDescPanel {
    flex-direction: column;
    display: flex;
}