*:not(:defined) > * {
    display: none;
}

* {
    font-family: Arial;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {

    background: #222222;

}

html, body {

    padding:0;
    margin:0;
    line-height: 1.5;
    color: white;

}

footer {
    padding: 40px;
    text-align: center;
}
footer > * {
    color: #ffffff88
}

a {
    color: white;
    text-decoration: underline;
}

.language-links a {
    text-decoration: none;
}

.active {
    font-weight: bold;
    animation: blink 2s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}



article {
    text-align: left;
    max-width: 600px;
    background: #000000aa;
    border-radius: 15px;
    padding: 30px;
    margin: 30px;
}
main {
    display: inline-block;
    width: 300px;
    border-radius: 30px;
    border: 1px solid #ffffff44;
    background: black;
    margin: 30px;
}

main img {
    width: calc(300px - 15px);
    border-radius: 30px;
    margin:0px;
}


@media (min-width: 830px) {
    body {

    }
}



h1 {
    color: white;
}

.also-available {
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px solid #ffffff33;
    font-size: 0.9em;
    color: #ffffffaa;
}

.also-available a {
    color: #ffffffcc;
    text-decoration: underline;
}

.also-available a:hover {
    color: #ffffffff;
}

.language-links {
    margin-bottom: 20px;
}