body{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

h1{
    text-align: center;
}

li{
    padding-top: 10px;
}

.rules{
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;   
}

.input{
    float: left;
}

.controller{
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.controlls{
    margin-left: auto;
    margin-right: auto;
}

.row{
    display: table;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

.col{
    float: left;
    /* padding: 10px; */
    width: auto;
}

.cell {
    height: 50px;
    width: 50px;
    border-style: solid;
    border-width: 2px;
}

.active{
    height: inherit;
    width: inherit;
    background-color: #aaa;
}