*{
    margin: 0px;
    padding: 0px;
    background-color: #233d4d;
}
#header{
    background-color: black;
    color: lightgreen;
}
#userchoice{
    border: 5px solid black;
    height: 400px;
}
#usercol{
    border: 1px solid black;
    height: 300px;
}
#choice{
    border: 1px solid black;
    height: 100px;
}
 
#choice > button {
    display: inline-flex;
    flex-wrap: wrap;
    border-radius: 30%;
    background-color: red;
    color: white;
    height: 30px;
    width: 30px;
    text-align: center;
}
#scoreboard{
    border: 5px solid black;
    height: 400px;
}
#computerchoice{
    border: 5px solid black;
    height: 400px;
}
#commentary{
    border:5px solid black;
    height: 90px;
  text-align:center;
}
#achievement{
    color: #FFFF00;
    animation: change 1s linear infinite;
    text-align: center;
    position: absolute;
    top: 5px;
    left: 40%;
}
 
@keyframes change{
    0%{color: #FFFF00;}
    100%{color: orangered;}
}