body {
    background-color: var(--default-background);
    color: var(--light);
}

.ccm-page a:link, .ccm-page a:active, .ccm-page a:hover {
    color: var(--middle);
}

.ccm-page a:visited {
    color: var(--dark);
}

.ccm-page.rl-noedit section#landing {
    position: relative;
    height: calc(100vh - 20px);
}

.ccm-page.rl-noedit section#landing > section {
    text-align: center;
    display: inline-block;
}

.ccm-page.rl-noedit section#landing > section,
.ccm-page.rl-noedit ul.nav > li {
    /* Center of the viewport */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ccm-page section#landing > section {
    font-family: 'Fredericka the Great', cursive;
}

.ccm-page .IAM {
    font-size: 13vmin;
}
.ccm-page .richardlevitte {
    font-size: 1.5vmin;
}

.ccm-page ul.nav {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.ccm-page ul.nav > li {
    font-size: 5vmin;
}

.ccm-page ul.nav > li:hover {
    transform: scale(1.25);
}

.ccm-page ul.nav a, .ccm-page ul.nav a:link, .ccm-page ul.nav a:visited  {
    color: var(--dark);
    text-decoration-line: none;
}

.ccm-page ul.nav a:hover, .ccm-page ul.nav a:active {
    color: var(--middle);
    transform: scale(1.2);
}

.ccm-page .loginout {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.ccm-page .loginout p {
    display: inline;
}