body{
    font-family: cursive;
    font-weight: bold;
    margin:0%;
    display: flex;
    flex-direction: column;
    align-items: center;

}

h1{
    font-size: 3.5rem;
    color: brown;
    padding-left: 40px;

}

.choices{
    margin-bottom: 30px;

}

.choices button{
    font-size: 7.5rem;
    min-width: 160px;
    margin: 0 20px;
    border-radius: 250px;
    background-color: hsla(347, 55%, 37%, 0.954);
    cursor: pointer;
    transition: background-color 0.5s ease;
    

}

.choices button:hover {
    background-color:rgb(10, 9, 9);
  
}


#playerDisplay ,#computerDisplay{

    font-size: 2rem;

}

#resultDisplay{
    font-size: 4rem;
    margin: 30px 0;
}


.scoreDisplay{

    font-size: 2rem;
}


.greenText {
    color: green;
    font-weight: bold;
}

.redText {
    color: red;
    font-weight: bold;
}
#playerScoreDisplay {
    color: green;
    font-weight: bold;
}

#computerScoreDisplay {
    color: red;
    font-weight: bold;
}