@font-face {
    font-family: rubikMonoOne;
    src: url(RubikMonoOneRegular-6pqq.woff2);
}

body {
    height: 100%;
    background-repeat: repeat;
    background-image: url(nebula.webp);
    font-family: rubikMonoOne, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.vcentercontainer {
    margin: 0;
    position: relative;
    margin-top: 7%;
    padding-bottom: 35px;
    text-align: center;
    color: whitesmoke;
    font-size: smaller;
    font-weight: 900;
}

.hidden {
    visibility: hidden;
}

.navi {
    height: 420px;
    overflow: hidden;
    position: relative;
    vertical-align: bottom;
    font-family: monospace;
    font-weight: bolder;
}
.navi a:link, .navi a:visited  {
    color:aqua;
}

.navi a {
    text-decoration: none;
    display: block;
    width:fit-content;
    margin-left: auto;
    margin-right: auto;
}

.navi pre {
    display: inline-block;
}
.navi pre.active{
    display: none;
}
.navi a:hover pre.active{
    display: inline-block;
}

.navi .scrollbox {
    position: absolute;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
    /* Starting position */
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    /* Apply animation to this element */
    -moz-animation: navi 5s linear /*infinite*/;
    -webkit-animation: navi 5s linear /*infinite*/;
    animation: navi 5s linear /*infinite*/;
}

/* Move it (define the animation) */
@-moz-keyframes navi {
    0% {
        -moz-transform: translateY(0%);
    }

    100% {
        -moz-transform: translateY(100%);
    }
}

@-webkit-keyframes navi {
    0% {
        -webkit-transform: translateY(0%);
    }

    100% {
        -webkit-transform: translateY(100%);
    }
}

@keyframes navi {
    0% {
        -moz-transform: translateY(0%);
        /* Firefox bug fix */
        -webkit-transform: translateY(100%);
        /* Firefox bug fix */
        transform: translateY(50%);
    }

    100% {
        -moz-transform: translateY(-100%);
        /* Firefox bug fix */
        -webkit-transform: translateY(-100%);
        /* Firefox bug fix */
        transform: translateY(-100%);
    }
}