@media screen and (max-width: 800px) {
    .hidden-mobile {
        visibility: hidden;
        display: none;
    }
}

.reveal .no-box {
    background: none;
    border:none;
    box-shadow:none;
}

.reveal .content-box {
    background-color: rgba(0, 0, 0, 0.6);
}

.reveal .rainbow {
    background-image: gradient(linear, left top, right top,
    color-stop(0, red),
    color-stop(0.15, orange),
    color-stop(0.3, yellow),
    color-stop(0.45, green),
    color-stop(0.65, blue),
    color-stop(0.8, indigo),
    color-stop(1, violet)
    );
    color:transparent;
    background-clip: text;

    /* for webkit browsers Chrome and Safari */
    background-image: -webkit-gradient(linear, left top, right top,
    color-stop(0, red),
    color-stop(0.15, orange),
    color-stop(0.3, yellow),
    color-stop(0.45, green),
    color-stop(0.65, blue),
    color-stop(0.8, indigo),
    color-stop(1, violet)
    );
    -webkit-background-clip: text;
}

.reveal .germany, .reveal .belgium {
    background-image: gradient(linear, left top, right top,
    color-stop(0, #3c3c3c),
    color-stop(0.15, #3c3c3c),
    color-stop(0.3, #3c3c3c),
    color-stop(0.45, red),
    color-stop(0.65, gold),
    color-stop(0.8, gold),
    color-stop(1, gold)
    );
    color:transparent;
    background-clip: text;

    /* for webkit browsers Chrome and Safari */
    background-image: -webkit-gradient(linear, left top, right top,
    color-stop(0, #3c3c3c),
    color-stop(0.15, #3c3c3c),
    color-stop(0.3, #3c3c3c),
    color-stop(0.45, red),
    color-stop(0.65, gold),
    color-stop(0.8, gold),
    color-stop(1, gold)
    );
    -webkit-background-clip: text;
}

.twocolumn {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
    text-align: left;
}

:root {
    /* Set neon color */
    --neon-text-color: #f40;
    --neon-border-color: #08f;
}

.neon {
    font-size: 13rem;
    font-weight: 200;
    font-style: italic;
    color: #fff;
    padding: 4rem 6rem 5.5rem;
    border: 0.4rem solid #fff;
    border-radius: 2rem;
    text-transform: uppercase;
    animation: flicker 1.5s infinite alternate;
}

.neon::-moz-selection {
    background-color: var(--neon-border-color);
    color: var(--neon-text-color);
}

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

.neon:focus {
    outline: none;
}

/* Animate neon flicker */
@keyframes flicker {

    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {

        text-shadow:
                -0.2rem -0.2rem 1rem #fff,
                0.2rem 0.2rem 1rem #fff,
                0 0 2rem var(--neon-text-color),
                0 0 4rem var(--neon-text-color),
                0 0 6rem var(--neon-text-color),
                0 0 8rem var(--neon-text-color),
                0 0 10rem var(--neon-text-color);

        box-shadow:
                0 0 .5rem #fff,
                inset 0 0 .5rem #fff,
                0 0 2rem var(--neon-border-color),
                inset 0 0 2rem var(--neon-border-color),
                0 0 4rem var(--neon-border-color),
                inset 0 0 4rem var(--neon-border-color);
    }

    20%, 24%, 55% {
        text-shadow: none;
        box-shadow: none;
    }
}