style.css

html,
body {
    height: 100%;
    width: 100%;
    background: rgb(0, 18, 25)
}

h1 {
    color: #E9D8A6
}

.dg li.title,
.dg.main .close-button.close-bottom {
    background-color: #001219 !important;
}

.dg .cr.number input[type=text] {
    color: #E9D8A6 !important;

}

.dg .c .slider-fg {
    background-color: #E9D8A6 !important;
}

.dg .cr.number {
    border-color: #E9D8A6 !important;
}

input.browser-default {
    opacity: 1 !important;
}

li.save-row {
    display: none;
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#canvasDiv {
    width: 100%;

    flex-grow: 1;

    display: flex;

    /* This centers our sketch horizontally. */
    justify-content: center;

    /* This centers our sketch vertically. */
    align-items: center;
}