body {
    background-color: #343a40;
    color: #f1f3f5;
    
    }
article {
    max-width: 40rem;
    font-family: sans-serif;
    margin: auto;

}
h1 {
    font-size: 2rem;
    font-style: italic;
    font-family: sans-serif;
    margin-bottom: 1px;
    border-bottom: 2px solid #f1f3f5;
    color: #d52026;
    text-shadow: 1px 1px #f1f3f5;

}
h2 {
    font-size: 1.25rem;
    font-style: italic;
    font-family: sans-serif;
    margin-top: 0;
}

h3 {
    margin-top: 3em;
    border-top: 2px dashed #f1f3f5;
    text-align: center;
    font-style: italic;
}
p {
    
    text-align: justify;
    margin-bottom: 2em;
}
a {
    color: yellow;
}
#play {
    font-family: sans-serif;
    font-size: 1.5rem;
    
}

img {
    max-width: 100%;
    border-radius: 50px;
}
#beta {
    color: yellow;
    background-color: red;
    font-size: larger;
}

table.outcome {
    width: 100%;
    border-collapse: collapse;
}

table.outcome th:nth-child(2) {
    width: 70%;
}

table.outcome th, table.outcome td {
    padding: 3px 3px 3px 3px;
    border: solid 1px #f1f3f5;
    border-collapse: collapse;

}

table.outcome td:nth-child(1) {
    text-align: center;
    font-weight: bold;
    font-size: 150%;
}

table.outcome td:nth-child(3) {
    text-align: center;
}