body {
    background-color: black !important;
}

.websiteName{
  display: inline-block;
  color: red;
}

.videoGameContainer{
  width: 100%;
  height: 100%;
}

.poster{
  vertical-align: middle;
  border-style: none;
  width: 100%;
  margin: 14px;
  height: 21%;
  object-fit: cover;
}

#player{
  /* display: inline-block;
  position: relative;
  left: 61%; */
}

.short_screenshots{
  width: 24%;
  margin: 1px;
  height: 60%;
  object-fit: cover;
  position: relative;
}

#description{
  position: relative;
  top: 15px;
  color: white;
  /* width: 33%;
  position: relative;
  bottom: 68%;
  display: inline-block;
  left: 62%; */
}

#screenshots{
  display: inline-block;
  margin-top: 20;
  position: relative;
  /* display: inline-block;
  width: 72%;
  position: relative;
  bottom: 44%;
  min-height: 628.5px; */
}
}

.info{
  color: white;
}

.imageWrapper{
  display: inline-block;
}



.posterText{
    color: white;
    /* -webkit-text-stroke: 1px black; */
    font-size: 2vw;
    position: absolute;
    bottom: 24%;
    left: 18%;
    visibility: hidden;
    opacity: 0;
    transition: .5s ease;
}

.imageWrapper:hover .poster {
  opacity: 0.5;
}

.imageWrapper:hover .posterText {
  visibility: visible;
  opacity: 1;
}

#getOtherGamesInSeries{
  /* width: 61%;
  position: relative;
  bottom: 80%;
  display: inline-block;
  min-height: 632.5px; */
}

.otherGameInSeriesWrapper{
  display: inline-block;
    right: 3%;
}

#otherGameTitle{
  position: relative;
  margin-top: 7%;
}

.otherGameInSeriesPosterText{
  color: white;
    /* -webkit-text-stroke: 1px black; */
    font-size: 2vw;
    position: absolute;
    bottom: 15%;
    left: 23%;
    visibility: hidden;
    opacity: 0;
    transition: .5s ease;
}

.otherGameInSeriesPoster{
  vertical-align: middle;
    border-style: none;
    width: 111%;
    height: 21%;
    object-fit: cover;
    display: inline-block;
    position: relative;
    margin-bottom: 1%;
}

.otherGameInSeriesWrapper:hover .otherGameInSeriesPoster {
  opacity: 0.5;
}

.otherGameInSeriesWrapper:hover .otherGameInSeriesPosterText {
  visibility: visible;
  opacity: 1;
}


.titleBreak{
  font-size: 20px;
  color: white;
}

#otherGameTitle{
  /* position: relative;
  bottom: 78%;
  left: 23%; */
}

#publishers{
  display: inline-block;
  color: white;
}

#esrbRating{
  display: inline-block;
  color: white;
}

#metacriticScore{
  display: inline-block;
  color: white;
}

#playtime{
  display: inline-block;
  color: white;
}

#released{
  display: inline-block;
  color: white;
}

#redditUrl{
  display: inline-block;
  color: white;
}

#website{
  display: inline-block;
  color: white;
}

#publishersAndOtherFacts{
  margin-top: 20px;
  color: white;
}

#searchBar {
  width: 30%;
  left: 10%;
  position: relative;
}

#button {
  position: relative;
  left: 10%;
  width: 8%;
  background-color: white;
  margin-top: 2%;
}