app.css

body {
    color: #fff;
    background: #fff;
    font-family: verdana, sans-serif;
}

.scoreboard {
    min-height: 100vh;
}

h1 {
    text-transform: uppercase;
    font-size: px;
    font-weight: 800;
    color: #712CF8;
    background-color: #F1EAFF;
}

h2 {
    text-transform: uppercase;
    font-size: px;
    font-weight: 800;
    color: #712CF8;
}

.points p {
    font-family: 'Orbitron', sans-serif;
    font-weight: 400;
    font-size: 80px;
    background: #F1EAFF;
    color: #712CF8;
    min-width: 205px;
}

.btn-primary {
    background: transparent;
    color: #712CF8;
    border-color: #712CF8;
    font-size: 1.5em;
}

.btn-primary:hover,
.btn-primary:active {
    color: #fff;
    background-color: #712CF8;
    border-color: #712CF8;
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #712CF8;
    border-color: #712CF8;
    box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 50%);
}

.winpoint {
    color: #712CF8;
}