body {
    background-image: url("images/greenboard.jpg");
    color: white;  
    text-align: center;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
}

#yourMove {
    float: left;
    width: 50%;
    padding-top: 10px;
}

#rock:hover, #paper:hover, #scissors:hover {
    opacity: 0.7;
}

#yourMoveResult {
    float: left;
    width: 50%;
    font-size: 1.2em;
}

/* #yourMoveText {
    float: left;
    width: 50%;
    padding-bottom: 10px;
} */


#compMove {
    float: right;
    width: 50%;
    padding-top: 10px;
}

/* #compMoveText {
    float: right;
    width: 50%;
} */

#compMoveResult {
    float: right;
    width: 50%;
    font-size: 1.2em;
}

#image img{
    height: 80px;
    width: 80px;
}

#final {
    text-decoration: solid;
    font-size: 1.3em;
}

#result {
    font-size: 1.3em;
}

#roundCount {
    font-size: 1.3em;
}

button {
    background-color: #008b8b; /* Green */
    border: none;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
}

button:hover {
    opacity: 0.8;
}
