* {
    text-align: center;
    max-width: 500px;
    margin: 20px auto;
}

span {
    font-weight: bold;
}

li {
    list-style-position: inside;
    text-align: left;
    margin: 0px auto;
}

ul {
    max-width: 210px;
    text-align: left;
    padding: 0px;
}

#rules-intro {
    font-style: italic;
    color: brown;
}

#rules-main {
    text-align: left;
    margin: auto;
    color: darkmagenta;
}

#rules-end {
    font-size: large;
    color: orangered;
}

.choice-button {
    color:rgb(150, 7, 31);
    margin: auto 25px;
    font-size: 50px;
}

.choices-display-box {
    color: rgb(103, 47, 126);
    max-width: 1000px;
}

.scores-display-box {
    color: rgb(226, 140, 12);
}

.system-display-box {
    color: rgb(5, 83, 5);
}

#teaser {
    font-weight: bold;
    color: rgb(245, 52, 181);
    text-decoration: underline;
    font-style: normal;
    font-size: 30px;
}

#header {
    color: rgb(67, 114, 214);
    text-decoration: underline;
}

.start-button {
    background-color: green;
    color: orange;
    margin-top: 0px;
    font-size: 50px;
}

.play-again-button {
    background-color: aquamarine;
    color: red;
    font-size: 50px;
    margin-top: 0px;
}

.restart-game-button {
    background-color: black;
    color: white;
    font-size: 25px;
}

.finish-message {
    border-style: solid;
    border-color: brown;
    margin: 20px auto;
}