html,
body {
    margin: 0;
    height: 100%;
    overflow: hidden;
    background-color: black;
}

* {
    /* --DEFAULT-MARGIN: 4%; */
    /* --DEFAULT-BORDER: 1px solid white; */
    /* --DEFAULT-BORDER-RADIUS: 20px; */
    /* margin: 0px; */
    /* padding: 0px; */
    color: white;
    font-family: "Arial Black";
    font-size: 14px;
}

/* h2 { */
/*     color: white; */
/*     text-align: center; */
/*     margin-top: calc(var(--DEFAULT-MARGIN) / 2); */
/* } */

canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}


/* .section-frame { */
/*     width: calc(100% - 3 * var(--DEFAULT-MARGIN)); */

/*     margin-left: var(--DEFAULT-MARGIN); */
/*     margin-right: var(--DEFAULT-MARGIN); */
/*     margin-top: calc(var(--DEFAULT-MARGIN)); */

/*     border: var(--DEFAULT-BORDER); */
/*     border-radius: var(--DEFAULT-BORDER-RADIUS); */

/*     background-color: #222222; */

/*     padding: calc(var(--DEFAULT-MARGIN) / 2); */
/* } */

/* .section-frame#zoom-slider_section-frame { */
/*     text-align: center; */
/* } */

/* form {} */

/* input[type="range"] { */
/*     width: calc(100% - 2 * var(--DEFAULT-MARGIN)); */
/*     margin-top: calc(var(--DEFAULT-MARGIN) / 2); */
/* } */

/* input[type="checkbox"] { */
/*     /1* TODO Remove the margin & do the spacing differently? *1/ */
/*     margin-left: 40px; */
/*     margin-right: 40px; */
/* } */