body{
    background-color: rgb(78, 78, 78);
}
.container{
    width: 1000px;
    margin: 0 auto;
    background-color: aqua;
}
.player-area{
    width: 100%;
    height: 230px;
    background-color: rgb(128, 49, 255);
    border: 5px solid black;
}
.player-actions{
    width: 500px;
    margin: 0 auto;
    background-color: blueviolet;
    display: flex;
    justify-content: space-around;
}
.action{
    width: 30%;
    height: 30px;
}
.action:enabled:hover{
    background-color: blueviolet;
    color: white;
    box-shadow: 4px 4px 4px rgb(88, 0, 170);
}

.action:active{
    border: 10px solid green;
}
.card{
    height: 150px;
}
.counter{
    font-size: 30px;
    color: wheat;
}