/* Center the SVG container on the page. */
body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
}

/* Set the display size of the SVG and hint at hardware acceleration. */
svg {
    /* Use 50vmin to set the height to 50% of the smaller viewport dimension. */
    height: 50vmin;
    width: auto;
    /* Hint to the browser to use the GPU for transforms to improve performance. */
    backface-visibility: hidden;
}

/* Style for the dynamically generated grid elements. */
#grid-container line {
    stroke: black;
    fill: none;
}

#grid-container polygon {
    fill: black;
    stroke: none;
}

/* Style for the static horizon path. */
#horizon {
    fill: black;
}

/* Style for the main "C" logo path. */
#letter-c {
    fill: black;
}