* { color: rgb(247, 248, 253);
    font-family: Arial;
}

body {background-color: rgb(54, 57, 64);}
h1 {text-align: center;}
p {font-size: 16px;}

img.rounded {border-radius: 95px;}
ol > li {list-style-type: upper-roman;}
/*---links---*/

a:link {color:rgb(88, 101, 242);}
a:visited {color:rgb(118, 119, 124);}
a:hover {color:rgb(64, 78, 237);}
a:active {color:blue;}

html {
    display: table;
    margin: auto;
}

body {
    display: table-cell;
    vertical-align: middle;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}
#output {
    width: 450px;
    height: 300px;
    overflow-y: auto;
    border: 4px solid black;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
}

form {
    display: inline;
}

button, input {
    border-radius: 8px;
}

h1 {
    text-align: center;
}

#controls {
    display: flex;
    justify-content: space-evenly;
}

.victory {
    font-size: 1.5em;
}