styles.css

* {
    font-family: 'Press Start 2P', 'Helvetica', 'Arial', sans-serif;
}

#fpsControl {
    font-weight: 600;
    display: none;
}

#debugPanel {
    display: none;
}

.registers {
    text-align: center;
    font-size: medium;
    font-weight: 600;
}

.card-register {
    border: 2px solid #282828;
    box-shadow: 5px 5px 10px;
}

.stackList {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.stackItem {
    list-style: none;
    text-align: left;
    width: 100%;
    height: 100%;
    
}

.debugList {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    overflow: auto;
    margin: 0;
    padding: 0;
    font-size: 1.2em;

    list-style: none;
    text-align: left;
}

/*Colors*/
.color-granite-gray {
    background-color: #626868;
}

.color-cadet-blue-crayola {
    background-color: #AAABBC;
}

.color-blue-gray {
    background-color: #6C91C2;
}

.color-periwinkle-crayola {
    background-color: #C3C9E9;
}

.color-royal-blue-dark {
    background-color: #0A2463;
}

.color-languid-lavender {
    background-color: #D3C1D2;
}

.color-retro-orange {
    background-color: #FFB000;
    color: #282828;
}

@media(max-width: 576px) {
    canvas {
        width: 100%;
    }


}