body {
    height: 100vh;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    background-image: url("img/bg2.jpeg");
    background-size: cover;
    background-position: center;
    text-align: center;
    color: rgba(255, 255, 255, 0.5);
    font-family: monospace;
    font-weight: 100;
    font-size: 16pt;
    text-transform: uppercase;
    letter-spacing: 2px;
}

svg {
    height: 40vh;
}

@keyframes flicker {
    0%, 19.9%, 22%, 62.9%, 64%, 64.9%, 70%, 100% {
        opacity: 0.99;
        text-shadow:
                -1px -1px 0 rgba(255,255,255, 0.4),
                1px -1px 0 rgba(255,255,255, 0.4),
                -1px 1px 0 rgba(255,255,255, 0.4),
                1px 1px 0 rgba(255,255,255, 0.4),
                0 -2px 8px,
                0 0 2px;
    }
    20%, 21.9%, 63%, 63.9%, 65%, 69.9% {
        opacity: 0.4;
        text-shadow: none;
    }
}

@keyframes blur {
    0%, 19.9%, 22%, 62.9%, 64%, 64.9%, 70%, 100% {
        filter: blur(0px);
    }
    20%, 21.9%, 63%, 63.9%, 65%, 69.9% {
        filter: blur(2px);
    }
}

.t404 {
    stroke-width: 7;
    stroke: white;
    fill: none;
    filter: drop-shadow( 0 0 10px rgba(255,255,255, 1));
}
.t404f {
    animation: flicker 3s linear infinite;
}
.amt {
    stroke-width: 3;
    stroke: white;
    fill: none;
    filter: drop-shadow( 0 0 10px rgba(255,255,255, 1));
}
.tsh {
    fill: rgba(0,0,0,.1);
}
.tsb {
    animation: blur 4s linear infinite;
}
.g1 {
    fill: rgba(14,156,184,.3);
    stroke: rgba(14,156,184,.8);
    filter: drop-shadow( 0 0 10px rgba(14,156,184,.8));

    stroke-width: 4;
}
.g2 {
    fill: rgba(11,77,96,.3);
    stroke: rgba(11,77,96,.8);
    filter: drop-shadow( 0 0 10px rgba(11,77,96,.8));
    stroke-width: 4;
}
.g3 {
    fill: rgba(49,186,209,.3);
    stroke: rgba(49,186,209,.8);
    filter: drop-shadow( 0 0 10px rgba(49,186,209,.8));
    stroke-width: 4;
}
.g4 {
    fill: rgba(46,186,129,.3);
    stroke: rgba(46,186,129,.8);
    filter: drop-shadow( 0 0 10px rgba(46,186,129,.8));
    stroke-width: 4;
}
.r1 {
    fill: rgba(233,41,142,.3);
    stroke: rgba(233,41,142,.8);
    filter: drop-shadow( 0 0 10px rgba(233,41,142,.8));
    stroke-width: 4;
}
.r2 {
    fill: rgba(236,89,168,.3);
    stroke: rgba(236,89,168,.8);
    filter: drop-shadow( 0 0 10px rgba(236,89,168,.8));
    stroke-width: 4;
}
.r3 {
    fill: rgba(138,17,90,.3);
    stroke: rgba(138,17,90,.8);
    filter: drop-shadow( 0 0 10px rgba(138,17,90,.8));
    stroke-width: 4;
}
.r4 {
    fill: rgba(194,21,135,.3);
    stroke: rgba(194,21,135,.8);
    filter: drop-shadow( 0 0 10px rgba(194,21,135,.8));
    stroke-width: 4;
}