body {
    font-family: 'Courier New', Courier, monospace;
    color: white;
    background-color: teal;
}

.navbar-brand {
    font-weight: bold;
}

.btn {
    background-color: darkgrey;
    color: black;
}

.btn :active {
    background-color: cyan;
    color: darkblue;
}

.card {
    border-color: darkgray;
    border-width: 8px;
    border-style: solid;
}

.card-header {
    background-color: darkblue;
    color: white;
    border-bottom-color:  darkgray;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.card-body {
    background-color: black;
    color: white;
}

#answerArea li {
    list-style: upper-alpha;
    padding: 0.5em 1em;
    margin: 0.5em 1em;
    
}

#answerArea li a {
    color: white;
    display: block;
    text-decoration: none;
    padding: 0.5em 1em;
}

#answerArea li a:hover {
    background-color: cyan;
    color: darkblue;
    display: block;
    text-decoration: none;
}

#playerNameField {
    max-width: 50%;
}

#scoreCard, #scoreCard .card-body {
    background-color: darkgrey;
    color: black;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

#scoreCard li {
    list-style-type: decimal;
    padding: 0.5em 1em;
    display: block;
}