body { 
  color: #fff;
  font-family: 'eight-bit-dragon';
  font-size: 16px;
  line-height: 1.3;
  
  background-color: #292930;
  overflow-x: hidden;
}

/*removing scrollbar*/
::-webkit-scrollbar {
  display: none;
}
/*removing scrollbar*/

h1 {
  font-family: 'cooperbitsmedium';
  font-size: 45px;
}

h2 {
  font-family: 'cooperbitsmedium';
  font-size: 25px;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.flexContainerOne {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 1975px;
  height: 715px;
  gap: 80px;
}
.flexContainerTwo {
  flex-direction: column;
  width: 190px;
  max-height: 700px;
  margin-bottom: 40px;
}
.flexContainerThree {
  flex-direction: column;
  width: 200px;
  max-height: 500px;
  margin-bottom: 115px;
  margin-right: -5px;
}

.finishedGames {
  border-style: dashed solid;
  border-radius: 5px;
  background-color: #292930;
  border-color: #8AC926;
  width: 205px;
  max-height: 155px;
  border-width: 7px;
  padding: 5px 15px 5px 5px;
  margin-top: -5px;
  overflow-y: scroll;
}
.inProgressGames {
  border-style: dashed double;
  border-radius: 5px;
  background-color: #292930;
  border-color: #FFCA3A;
  width: 205px;
  max-height: 150px;
  border-width: 7px;
  padding: 5px 15px 5px 5px;
  margin-top: 25px;
  overflow-y: scroll;
}
.gamesToPlay {
  border-style: dashed dotted;
  border-radius: 5px;
  background-color: #292930;
  border-color: #FF595E;
  width: 205px;
  max-height: 150px;
  border-width: 7px;
  padding: 5px 15px 5px 5px;
  margin-top: 25px;
  overflow-y: scroll;
}

.homePageTwo {
  border-style: dashed double dotted solid;
  border-radius: 5px;
  background-color: #292930;
  border-color: #6A4C93;
  width: 400px;
  max-height: 600px;
  border-width: 7px;
  margin-left: 175px;
  padding: 5px 30px 30px 30px;
  overflow-y: scroll;
}
.homePageThree {
  border-style: dashed double dotted solid;
  border-radius: 5px;
  background-color: #292930;
  border-color: #6A4C93;
  width:300px;
  max-height: 400px;
  margin-left: -115px;
  margin-top: -4px;
  border-width: 7px;
  padding: 20px 30px 15px 20px;
  overflow-y: scroll;
}

.shelf {
  border-style: dashed double;
  border-radius: 5px;
  background-color: #292930;
  border-color: #FF595E;
  width: 400px;
  max-height: 575px;
  border-width: 7px;
  padding: 18px 5px 15px 5px;
  margin-top: 25px;
  overflow-y: scroll;
}