html, body{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  background-color: #401F3E;
}

.banner{
    background-color:black;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bannertext{
    color: white;
    font-size: 64pt;
    font-family: "Pixelify Sans", sans-serif;
}

.fightingcard{

    display: flex;
    flex-direction: row;
    border: solid 5pt black;
    margin: 5pt;
    padding: 5pt;

    background-color: #C38D94;
}

.picture{
    width:200px;
    height:200px;
    background-repeat: no-repeat;
    background-color: #F7EE7F;
    border: solid 2pt black;
    margin-right: 5%;

    flex-shrink: 0;
}

#gief_pic{
    background-image: url("./images/games/gief.png");
    background-position: 83% 10%;
}

#king_pic{
    background-image: url("./images/games/king2.png");
    background-position: 50% 0%;
}

#noob_pic{
    background-image: url("./images/games/noob.png");
    background-position: 50% 17%;
}

#nightmare_pic{
    background-image: url("./images/games/nightmare.png");
    background-position: 40% 20%;
    background-size: 600px 600px;
}


.text_content{
    display: flex;
    flex-direction: column;
    background-color: #66999B;
    margin-right: 5%;
    flex-grow: 1;
    min-width: 0;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.name{
    background-color: #002A22;
    color: white;
}

.firstp{
    margin-top: 5pt;
    background-color: #002A22;
    color: white;
}

.description{
    color: white;
    margin-top: 5pt;
    background-color: #002A22;
}

#dark_souls{
    background-image: url("./images/games/darksouls.png");
    background-position: 55% 15%;
    border: solid 1pt goldenrod;
}

#dark_souls:hover{
    cursor: pointer;
}

#blasphemous{
    background-image: url("./images/games/blasphemous.png");
    background-position: 50% 0%;
}

#mw2019{
    background-image: url("./images/games/mw2019.png");
    background-position: 50% 15%;
}

#mw3{
    background-image: url("./images/games/mw3.png");
    background-position: 50% 15%;
}

#t7{
    background-image: url("./images/games/t7.png");
    background-position: 50% 15%;
}

#sf6{
    background-image: url("./images/games/sf6.png");
    background-position: 50% 15%;
}