body{
font-family: Arial,  sans-serif;
font-weight: bold;
margin:0;
display:flex;
flex-direction: column;
align-items: center;


}
h1{
    font-size: 5rem;
    color: hsl(0, 0%, 20%);

}
.choices{
    margin-bottom: 30px;
}

.choices button{

    font-size: 7.5rem;
    min-width: 160px;
    margin: 0 10px;
    border-radius: 250%;
    background-color: hsl(199, 97%, 61%);
    cursor:pointer;
    transition: background-color 0.5s ease;
}
.choices button:hover{
      background-color: hsl(199, 97%, 81%);

}
#playerdisplay, #computerdisplay{
    font-size: 2.5rem;

}
#resultdisplay{

    font-size: 5rem;
    margin: 30px 0;

}

.scoredisplay{
    font-size: 2rem;
}
.greentext,#playerscoredisplay{
    color: hsl(120, 78%, 55%);
}
.redtext,#computerscoredisplay{
    color:hsl(0, 70%, 55%);
}




