body
{
    background-image: linear-gradient(rgb(0,0,0), rgb(20,20,50));
}
.fade
{
  animation-name: fade;
  animation-duration: 1.5s;
}
@keyframes fade
{
  0% 
  {
    opacity: .7;
  } 
  100% 
  {
    opacity: 1;
  }
}
.topSlides
{
    display: none;
}
#myImage
{
    position: absolute;
    width: 35vw;
    height: auto;
    left: 55%;
    top: 8vw;
}
#simpleBio
{
    margin: 100px 50px;
}
#simpleBio h1
{
    color: rgb(0, 216, 216);
}
#simpleBio p
{
    color: rgb(0, 149, 195);
}
/* top 5 images, clickable */
#top5Container
{
    display: grid;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: 15vw 3vw 15vw 15vw 15vw 3vw 15vw;
    row-gap: 2.8%;
    column-gap: 2.8%;
    margin-left: auto;
    margin-right: auto;
}
#gameInfo
{
    color: rgb(0, 149, 195);
    margin: 100px 50px;
}
#gameName
{
    color: rgb(0, 216, 216);
    text-align: center;
}
#top1
{
    display: block;
    grid-row: 1;
    grid-column: 1;
    width: 14vw;
    height: 14vw;
}
#top2
{
    display: block;
    grid-row: 1;
    grid-column: 2;
    width: 14vw;
    height: 14vw;
}
#top3
{
    justify-self: right;
    display: block;
    grid-row: 1;
    grid-column: 3;
    width: 14vw;
    height: 14vw;
}
#top4
{
    display: block;
    grid-row: 1;
    grid-column: 4;
    width: 14vw;
    height: 14vw;
}
#top5
{
    display: block;
    grid-row: 1;
    grid-column: 5;
    width: 14vw;
    height: 14vw;
}
#top6
{
    justify-self: left;
    display: block;
    grid-row: 1;
    grid-column: 6;
    width: 14vw;
    height: 14vw;
}
#top7
{
    display: block;
    grid-row: 1;
    grid-column: 7;
    width: 14vw;
    height: 14vw;
}
#top8
{
    display: block;
    grid-row: 2;
    grid-column: 1;
    width: 14vw;
    height: 14vw;
}
#top9
{
    display: block;
    grid-row: 2;
    grid-column: 2;
    width: 14vw;
    height: 14vw;
}
#top10
{
    display: block;
    grid-row: 2;
    grid-column: 3;
    width: 14vw;
    height: 14vw;
}
#top11
{
    display: block;
    grid-row: 2;
    grid-column: 4;
    width: 14vw;
    height: 14vw;
}
#top12
{
    display: block;
    grid-row: 2;
    grid-column: 5;
    width: 14vw;
    height: 14vw;
}
#top13
{
    display: block;
    grid-row: 2;
    grid-column: 6;
    width: 14vw;
    height: 14vw;
}
#top14
{
    display: block;
    grid-row: 2;
    grid-column: 7;
    width: 14vw;
    height: 14vw;
}
#top15
{
    display: block;
    grid-row: 3;
    grid-column: 1;
    width: 14vw;
    height: 14vw;
}
#top16
{
    display: block;
    grid-row: 3;
    grid-column: 2;
    width: 14vw;
    height: 14vw;
}
#top17
{
    justify-self: right;
    display: block;
    grid-row: 3;
    grid-column: 3;
    width: 14vw;
    height: 14vw;
}
#top18
{
    display: block;
    grid-row: 3;
    grid-column: 4;
    width: 14vw;
    height: 14vw;
}
#top19
{
    justify-self: left;
    display: block;
    grid-row: 3;
    grid-column: 5;
    width: 14vw;
    height: 14vw;
}
#top20
{
    display: block;
    grid-row: 3;
    grid-column: 6;
    width: 14vw;
    height: 14vw;
}
#top21
{
    display: block;
    grid-row: 3;
    grid-column: 7;
    width: 14vw;
    height: 14vw;
}
#contact
{
    display: grid;
}

#moreGames
{
    display: block;
    grid-row: 1;
    grid-column: 1;
    text-align: center;
}
#resume
{
    display: block;
    grid-row: 1;
    grid-column: 2;
    text-align: center;
}
#linkedIn
{
    display: block;
    grid-row: 1;
    grid-column: 3;
    text-align: center;
}
#contactMe
{
    display: block;
    grid-row: 1;
    grid-column: 4;
    text-align: center;
}
#moreAbout
{
    display: block;
    text-align: center;
}
#gitHub
{
    display: block;
    text-align: center;
}
b
{
    color: rgb(0, 216, 216);
}