table, td, th {
    border-collapse: collapse ;
    padding-top: em;
    padding-left: 1em;
    padding-right: 2em;
    padding-bottom: 2em;
}

.C1 {background-image: url("finn.png");
    background-position: center;
    background-size: cover;
    text-align: left;
    color: lightblue;
    border: 2px solid red;
}

.C2 {background-image: url("jake.jpg");
    background-position: center;
    background-size: cover;
    text-align: left;
    color: black;
    border: 2px solid black;
}
.C3 {background-image: url("PB.png");
    background-position: center;
    background-size: cover;
    text-align: left;
    color: greenyellow;
    border: 2px solid yellow;
}
.C4 {background-image: url("ice_king.png");
    background-position: center;
    background-size: cover;
    text-align: left;
    border: 2px solid green;
}
.C5 {background-image: url("beemo2.gif");
    background-position: center;
    background-size: cover;
    text-align: left;
    color: blue;
    border: 2px solid brown;
}
.C6 {background-image: url("marceline.jpg");
    background-position: center;
    background-size: cover;
    text-align: left;
    color: red;
    border: 2px solid darkred;
}
.C7 {background-image: url("lady_rainicorn.png");
    background-position: center;
    background-size: cover;
    text-align: left;
    color: goldenrod;
    border: 2px solid grey;
}
.C8 {background-image: url("Gunther.png");
    background-position: center;
    background-size: cover;
    text-align: left;
    color: gainsboro;
    border: 2px solid lime;
}
.C9 {background-image: url("shelby.png");
    background-position: center;
    background-size: 8em;
    text-align: left;
    color: saddlebrown;
    border: 2px solid pink;
}
.box {
    width:800px;
    height:300px;
    background-color:#d9d9d9;
    position:fixed;
    margin-left:-400px; /* half of width */
    margin-top:-150px;  /* half of height */
    top:50%;
    left:50%;
}
.body {
    background-image: url("dvdp7.gif");
}