@font-face {
    font-family: Pixel;
    src: url('../font/PixelifySans-VariableFont_wght.ttf') format('truetype');
}

#cont_scoreboard {
    border: outset lightslategrey 5px;
    border-radius: 50px;
    background-color: slategray;
    display: grid;
    justify-content: center;
    align-items: center;
    justify-items: center;
    padding: 20px;
    height: 50%;
    width: fit-content;
    margin: auto;
    align-content: space-around;
    margin-top: 10%;
}

.record {
    display: flex;
    justify-content: space-evenly;
    margin-top: 5px;
    background-color:dodgerblue;
    border: outset 3px deepskyblue;
    border-radius: 30px;
    font-family: Pixel;
}

#scoreboard {
    border: none;
    overflow: scroll;
    width: 100%;
    height: 200px;
}

#buttons button{
    width: 500px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
}

/* width */
::-webkit-scrollbar {
    width: 15px;
}

/* Track */
::-webkit-scrollbar-track {
    border-radius: 10px;
    border:inset 4px;
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    border: outset 4px;
    border-color: rgb(123, 123, 192);
    border-radius: 10px;
    background: rgb(96, 96, 204);
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    border: outset rgb(96, 96, 204) 4px;
    background: rgb(52, 52, 201);
}