* {
    box-sizing: border-box;
}
.gameheader {
    position: absolute;
    left: 19%;
    top: -5px;
    background-color: black;
    color: red;
    text-align: center;
    font-size: 20px;
    border: 5px solid white;
}

.card-img-top-blue {
    height: 200px;
    width: 100%;
}

.card-img-top-purple {
    height: 200px;
    width: 100%;
}

.card-img-top-green {
    height: 200px;
    width: 100%;
}

.card-img-top-white {
    height: 200px;
    width: 100%;
}

.card-body {
    position: relative;
    background-color: black;
    color: red;
    width: 100%;
    border: 5px solid white;

}
.card-body-score{
    position: relative;
    left: 0%;
    background-color: white;
    width: 100%;
    height: 90px;
    border: 5px solid black;
}

.col-md-8 {
    position: absolute;
    padding: 0px 0px 0px 0px ;

}

#playerScore {
    font-size: 20px;
}
#targetNumber {
    font-size: 20px;
}

@media screen and  (max-width: 360px) {
    body {
    width: 1%;
    
    }
    card-image-top-blue {
         Width : 10%;}
}