/** ELEMENTS */

* {
    box-sizing: var(--default-box-sizing);
    cursor: var(--default-cursor);
    user-select: var(--default-text-selection);
}

html {
    height: var(--html-height);
}

Body {
    background: var(--body-background);
    color: var(--body-color);
    font-family: var(--body-font-face);
    font-size: var(--body-font-size);
    
}

div {
    position: var(--div-position);
    display: var(--div-display);
}

::selection {
    background: var(--selection-background);
    color: var(--selection-text-color);
}

/** CLASSES */

.cs_ct_logo {
    width: var(--ct-logo-width);
    height: var(--ct-logo-height);
    background: var(--ct-logo-background);
    bottom: var(--ct-logo-bottom);
    left: var(--ct-logo-left);
    cursor: var(--ct-logo-cursor);
}

.cs_appName {
    width: var(--appName-width);
    color: var(--appName-color);
    top: var(--appName-top);
    left: var(--appName-left);
    text-align: var(--appName-text-align);
    font-size: var(--appName-font-size);
    letter-spacing: var(--appName-text-spacing);
    text-shadow: var(--appName-text-shadow);
    font-weight: var(--appName-font-weight);
    height: var(--appName-height);
    line-height: var(--appName-height);
    border: var(--appName-border);
}

.cs_footnote {
    font-size: var(--footnote-font-size);
    width: var(--footnote-width);
    color: var(--footnote-color);
    bottom: var(--footnote-bottom);
    text-align: var(--footnote-text-align);
    letter-spacing: var(--footnote-text-spacing);
    text-shadow: var(--footnote-text-shadow);
    z-index: var(--footnote-index);
}

.cs_copyright {
    font-size: var(--copyright-font-size);
    width: var(--copyright-width);
    color: var(--copyright-color);
    bottom: var(--copyright-bottom);
    text-align: var(--copyright-text-align);
    letter-spacing: var(--copyright-text-spacing);
    text-shadow: var(--copyright-text-shadow);
    z-index: var(--copyright-index);
}