body {
    background: #152125;
    font-family: 'Share Tech Mono', monospace;
}

p {
    margin-top: -0.5vw;
}

.container {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 40%;
    left: 50%;
}

.subtitle {
    font-family: 'Barlow', sans-serif;
    font-size: 1.4vw;
    font-weight: 200;
    color: rgba(199, 193, 180, 0.89);
    letter-spacing: 0.15vw;
    position: absolute;
    left: 4%;
    animation: glitch-2 5s 5.02s infinite;
}

.info {
    font-size: 1.1vw;
}

.glitch, .glow {
    color: #d7cfbf;
    position: relative;
    font-size: 15vw;
    animation: glitch 5s 5s infinite;
}

.glitch::before, .glow::before {
    content: attr(data-text);
    position: absolute;
    left: -2px;
    text-shadow: -0.2vw 0 rgba(255, 0, 115, 0.62);
    background: #152125;
    overflow: hidden;
    top: 0;
    animation: noise-1 3s linear infinite alternate-reverse, glitch 5s 5.05s infinite;
}

.glitch::after, .glow::after {
    content: attr(data-text);
    position: absolute;
    left: 2px;
    text-shadow: -0.2vw 0 rgba(0, 255, 225, 0.58);
    background: #152125;
    overflow: hidden;
    top: 0;
    animation: noise-2 3s linear infinite alternate-reverse, glitch 5s 5s infinite;
}

.glow {
    text-shadow: 0 0 1000px #dfbfbf;
    color: transparent;
    position: absolute;
    top: 0;
}

@keyframes glitch {
    1% {
        transform: rotateX(41deg) skewX(90deg);
    }
    2% {
        transform: rotateX(0deg) skewX(0deg);
    }
}

@keyframes glitch-2 {
    1% {
        transform: rotateX(7deg) skewX(47deg);
    }
    2% {
        transform: rotateX(0deg) skewX(0deg);
    }
}

@keyframes noise-1 {
    3.3333333333% {
        clip-path: inset(0.7vw 0 5vw 0);
    }
    6.6666666667% {
        clip-path: inset(7vw 0 0.6vw 0);
    }
    10% {
        clip-path: inset(2.3vw 0 4.3vw 0);
    }
    13.3333333333% {
        clip-path: inset(0.2vw 0 0.11vw 0);
    }
    16.6666666667% {
        clip-path: inset(3.1vw 0 1vw 0);
    }
    20% {
        clip-path: inset(2.89vw 0 0.5vw 0);
    }
    23.3333333333% {
        clip-path: inset(1.98vw 0 0.67vw 0);
    }
    26.6666666667% {
        clip-path: inset(0.24vw 0 3.33vw 0);
    }
    30% {
        clip-path: inset(3.99vw 0 1.3vw 0);
    }
    33.3333333333% {
        clip-path: inset(13.77vw 0 5.20vw 0);
    }
    36.6666666667% {
        clip-path: inset(0.21vw 0 0.93vw 0);
    }
    40% {
        clip-path: inset(2.13vw 0 0.88vw 0);
    }
    43.3333333333% {
        clip-path: inset(3.91vw 0 2.49vw 0);
    }
    46.6666666667% {
        clip-path: inset(0.89vw 0 1.38vw 0);
    }
    50% {
        clip-path: inset(1vw 0 0.02vw 0);
    }
    53.3333333333% {
        clip-path: inset(6.21vw 0 0.67vw 0);
    }
    56.6666666667% {
        clip-path: inset(4.77vw 0 0.77vw 0);
    }
    60% {
        clip-path: inset(3.33vw 0 1vw 0);
    }
    63.3333333333% {
        clip-path: inset(2vw 0 4.11vw 0);
    }
    66.6666666667% {
        clip-path: inset(11.77vw 0 5.19vw 0);
    }
    70% {
        clip-path: inset(1.11vw 0 0.31vw 0);
    }
    73.3333333333% {
        clip-path: inset(1.2vw 0 2.42vw 0);
    }
    76.6666666667% {
        clip-path: inset(2.47vw 0 1.42vw 0);
    }
    80% {
        clip-path: inset(4.86vw 0 0.88vw 0);
    }
    83.3333333333% {
        clip-path: inset(3.12vw 0 2.01vw 0);
    }
    86.6666666667% {
        clip-path: inset(5.99vw 0 0.69vw 0);
    }
    90% {
        clip-path: inset(5.13vw 0 0.99vw 0);
    }
    93.3333333333% {
        clip-path: inset(2.01vw 0 3.93vw 0);
    }
    96.6666666667% {
        clip-path: inset(5.66vw 0 0.88vw 0);
    }
    100% {
        clip-path: inset(2.97vw 0 2.97vw 0);
    }
}
@keyframes noise-2 {
    0% {
        clip-path: inset(6.39vw 0 0.18vw 0);
    }
    3.3333333333% {
        clip-path: inset(5.39vw 0 0.42vw 0);
    }
    6.6666666667% {
        clip-path: inset(6.31vw 0 0.97vw 0);
    }
    10% {
        clip-path: inset(4.35vw 0 0.87vw 0);
    }
    13.3333333333% {
        clip-path: inset(4.97vw 0 0.96vw 0);
    }
    16.6666666667% {
        clip-path: inset(2.22vw 0 3.85vw 0);
    }
    20% {
        clip-path: inset(4.77vw 0 1.31vw 0);
    }
    23.3333333333% {
        clip-path: inset(2.77vw 0 1.01vw 0);
    }
    26.6666666667% {
        clip-path: inset(7.38vw 0 1.72vw 0);
    }
    30% {
        clip-path: inset(1.92vw 0 0.68vw 0);
    }
    33.3333333333% {
        clip-path: inset(0.19vw 0 1.73vw 0);
    }
    36.6666666667% {
        clip-path: inset(4.48vw 0 2.18vw 0);
    }
    40% {
        clip-path: inset(1.08vw 0 3.86vw 0);
    }
    43.3333333333% {
        clip-path: inset(1.43vw 0 5.03vw 0);
    }
    46.6666666667% {
        clip-path: inset(1.21vw 0 1.72vw 0);
    }
    50% {
        clip-path: inset(5.99vw 0 0.08vw 0);
    }
    53.3333333333% {
        clip-path: inset(6.96vw 0 0.39vw 0);
    }
    56.6666666667% {
        clip-path: inset(4.69vw 0 2.77vw 0);
    }
    60% {
        clip-path: inset(7.31vw 0 1.03vw 0);
    }
    63.3333333333% {
        clip-path: inset(2.01vw 0 3.79vw 0);
    }
    66.6666666667% {
        clip-path: inset(1.79vw 0 3.67vw 0);
    }
    70% {
        clip-path: inset(4.41vw 0 2.38vw 0);
    }
    73.3333333333% {
        clip-path: inset(1.11vw 0 0.07vw 0);
    }
    76.6666666667% {
        clip-path: inset(10.29vw 0 0.97vw 0);
    }
    80% {
        clip-path: inset(4.81vw 0 2.08vw 0);
    }
    83.3333333333% {
        clip-path: inset(3.33vw 0 1.96vw 0);
    }
    86.6666666667% {
        clip-path: inset(2.24vw 0 0.96vw 0);
    }
    90% {
        clip-path: inset(16.02vw 0 6.89vw 0);
    }
    93.3333333333% {
        clip-path: inset(1.89vw 0 0.77vw 0);
    }
    96.6666666667% {
        clip-path: inset(6.99vw 0 0.82vw 0);
    }
    100% {
        clip-path: inset(4.39vw 0 0.55vw 0);
    }
}

@keyframes fudge {
    from {
        transform: translate(0px, 0px);
    }
    to {
        transform: translate(0px, 2%);
    }
}

a:link {
    color: #7390da;
    background-color: transparent;
    text-decoration: none;
}

a:visited {
    color: #c558e3;
    background-color: transparent;
    text-decoration: none;
}

a:hover {
    color: #8ecbf1;
    background-color: transparent;
}

a:active {
    color: #ffffff;
    background-color: transparent;
}