style.css

/* -------------------------------------------------------------------------- */
/*                               General styling                              */
/* -------------------------------------------------------------------------- */

html, body, #binary, #decimal {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;

    user-select: none;
    user-zoom: none;
}

body {
    background: linear-gradient(var(--rotation), var(--color1), var(--color2)) no-repeat;
}

#binary, #decimal {
    position: absolute;
}

* {
    transition: 0.17s;
}

.transparent {
    opacity: 0%;
}

.knobsIframe {
    all: unset;
}
    
/* -------------------------------------------------------------------------- */
/*                                   Binary                                   */
/* -------------------------------------------------------------------------- */

#binary {
    font-family: "Martian Mono";
    color: var(--font-color-bin);
    opacity: var(--font-opacity-bin);
    font-size: 35vh;
}

#bin-hours {
    position: absolute;
    top: 7vh;
    left: 7vh;
}

#bin-minutes {
    position: absolute;
    bottom: 7vh;
    right: 7vh;
}

/* -------------------------------------------------------------------------- */
/*                                   Decimal                                  */
/* -------------------------------------------------------------------------- */

#decimal {
    display: table;
}

#dec-wrapper {
    font-family: "Courier Prime";
    color: var(--font-color-dec);
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

#dec-main {
    font-size: 45vh;
}

#dec-seconds {
    font-size: 13vh;
}