body { 
  color: #fff;
  font-family: 'eight-bit-dragon';
  font-size: 16px;
  line-height: 1.3;
  
  background-image: url(/website_images/favorite_media_images/RPG%20Maker%20Games/hylicsBackground.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom;
  overflow-y: hidden;
  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;
  height: 425px;
  margin-left: -115px;
  margin-top: -4px;
  border-width: 7px;
  padding: 5px 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;
}

/*for glow effect*/
.brighten img {
  -webkit-filter: brightness(100%);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
.brighten img:hover {
-webkit-filter: brightness(150%);
}
/*for glow effect*/
    
/*for shrink effect*/
.shrink img {
transition: 0.2s ease;
}

.shrink img:hover{
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: 0.2s ease;
}
/*for shrink effect*/