html, body {
    color: #cce;
    background: no-repeat bottom / auto 320px linear-gradient(#0000 10%, #a561e144),
                linear-gradient(90deg, #0004, #112a, #0004),
                no-repeat center top url("/images/bg.png"),
                #06000c;
    font-family: Tahoma;
    min-height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}



/* Хедер */

header {
    font-family: 'Roboto', sans-serif;
    margin: 240px 0 32px 0;
}

.header-label {
    color: #112;
    background: linear-gradient(45deg, #0000, #cce, #0000);
    font-size: 36pt;
    padding: 0 20%;
}

.header-navigator {
    padding: 0.5lh 20%;
}

.header-navigator a {
    text-decoration: none;
    color:#cce;
    padding: 0 0.5em;
}

.header-navigator a:visited {
    text-decoration: none;
    color:#cce;
}

.under-construct {
    color: #fb0;
    background: #0008;
    font-size: 24px;
    border: 4px solid #fb0;
    border-radius: 8px;
    margin: 16px 20%;
    padding: 8px;
}



/* Тело */

main {
    background: radial-gradient(#77a1, #77a2);
    margin: 64px 20%;
    padding: 16px;
    border-radius: 8px;
    box-shadow: 0 0 8px #77a4;
    flex: 1;
}

h1 {
    margin-top: 2em;
    margin-bottom: 1em;
}

h3 {
    margin-top: 1em;
    margin-bottom: 0.25em;
}

a {
    text-decoration: none;
    color:#77a;
}

a:visited {
    color: #557;
}

a img {
    display: inline-block;
    max-height: 1em;
    max-width: 1em;
}

video {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}



/* Футер */

footer {
    margin: 16px 0;
    padding: 16px 20%;
}



/* Форма авторизации */

ce-auth-form {
    color: #cce;
    background: radial-gradient(#2278, #227a);
    box-shadow: 0 0 8px #227a;
    border-radius: 8px;

    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
    height: 60%;
}



/* Прочее */

.download-button {
    padding: 8px;
    color: #cce;
    background: #0000;
    box-shadow: 0 0 8px #cce4;
    border-color: 2px solid #cce;
    border-radius: 8px;
}

.download-button:hover {
    color: #cce;
    background: #cce4;
    transition: color 0.2s ease-in-out 0.2s, background 0.2s ease-in-out 0.2s;
}

.download-button:active {
    color: #112;
    background: #cce;
    transition: color 0.2s ease-in-out 0.2s, background 0.2s ease-in-out 0.2s;
}

.vertical-links {
    display: inline-block;
    margin: 1em 1em 1em 0;
}

.vertical-links a {
  display: block;
  height: 1.2lh;
}