body {
  padding: 25px;
  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url("c217c43beb8c639bccc4d919af2a4f56dc31cc50.jpg");
  background-repeat: no-repeat;
  background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  background-attachment: fixed;
  background-color: black;
  color: white;
  font-size: 25px;
}


#dep {
  
    right: 0;
    bottom: 0;
    min-width: 50%;
    min-height: 50%;
    
}

blockquote {
    font-style: italic;
}

blockquote::after {
    content: '»';
}

blockquote::before {
    content: '«';
}


body {
    font: 1.3rem 'Electrolize', monospace;
    height: 100vh;
    margin: 0;
    padding-left: 5ch;
    background-attachment: fixed;
    background-image: url("c217c43beb8c639bccc4d919af2a4f56dc31cc50.jpg");
    color: lightgreen;
    text-shadow: 0 0 5px #c8c8c8;
    animation: glitch 1.6s infinite;
}

body::after {
    height: 100vh;
    width: 100vw;
    position: fixed;
    left: 0px;
    top: 0px;
    content: '';
    background: rgba(18, 16, 16, 0.1);
    opacity: 0;
    z-index: 2;
    pointer-events: none;
    animation: flicker 0.15s infinite;
}

body::before {
    height: 100vh;
    width: 100vw;
    position: fixed;
    left: 0px;
    top: 0px;
    content: '';
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
    background-size: 100% 2px, 3px 100%;
    z-index: 2;
    pointer-events: none;
}


* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial;
  font-size: 17px;
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

#myBtn {
  width: 200px;
  font-size: 18px;
  padding: 10px;
  border: none;
  background: #000;
  color: #fff;
  cursor: pointer;
}

#myBtn:hover {
  background: #ddd;
  color: black;
}

::selection {
    background: lightgreen;
    color: white;
}

main {
    animation: skew 5s infinite;
    transition: linear;
    text-align: center;
}

pre {
    font: 1.3rem 'Electrolize', monospace;
    text-transform: uppercase;
}

header a {
    font: 1.3rem 'Electrolize', monospace;
    text-transform: uppercase;
    color: lightgreen;
    text-decoration: none;
    text-align: center;
}

main a {
    font: 1.3rem 'Electrolize', monospace;
    text-transform: uppercase;
    background: darkgreen;
    color: white;
    text-decoration: none;
    text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font: 1.3rem 'Electrolize', monospace;
    text-transform: uppercase;
    top: fixed;
    text-align: center;
}


h1:before {
    content: '# ';
}

h2:before {
    content: '## ';
}

h3:before {
    content: '### ';
}

h4:before {
    content: '#### ';
}

h5:before {
    content: '##### ';
}

h6:before {
    content: '###### ';
}

hr {
    border: none;
}

hr::before {
    content: '################################################################################';
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}

@keyframes flicker {
    0% {
        opacity: 0.27861;
    }
    5% {
        opacity: 0.34769;
    }
    10% {
        opacity: 0.23604;
    }
    15% {
        opacity: 0.90626;
    }
    20% {
        opacity: 0.18128;
    }
    25% {
        opacity: 0.83891;
    }
    30% {
        opacity: 0.65583;
    }
    35% {
        opacity: 0.67807;
    }
    40% {
        opacity: 0.26559;
    }
    45% {
        opacity: 0.84693;
    }
    50% {
        opacity: 0.96019;
    }
    55% {
        opacity: 0.08594;
    }
    60% {
        opacity: 0.20313;
    }
    65% {
        opacity: 0.71988;
    }
    70% {
        opacity: 0.53455;
    }
    75% {
        opacity: 0.37288;
    }
    80% {
        opacity: 0.71428;
    }
    85% {
        opacity: 0.70419;
    }
    90% {
        opacity: 0.70030;
    }
    95% {
        opacity: 0.36108;
    }
    100% {
        opacity: 0.24387;
    }
}

@keyframes glitch {
    0% {
        text-shadow: 0.43899241933008640px 0 1px rgba(0, 30, 255, 0.5), -0.43899241933008640px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    5% {
        text-shadow: 2.79289740107882170px 0 1px rgba(0, 30, 255, 0.5), -2.79289740107882170px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    10% {
        text-shadow: 0.02956275843481219px 0 1px rgba(0, 30, 255, 0.5), -0.02956275843481219px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    15% {
        text-shadow: 0.40218538552878136px 0 1px rgba(0, 30, 255, 0.5), -0.40218538552878136px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    20% {
        text-shadow: 3.47940378998520170px 0 1px rgba(0, 30, 255, 0.5), -3.47940378998520170px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    25% {
        text-shadow: 1.61256304011495840px 0 1px rgba(0, 30, 255, 0.5), -1.61256304011495840px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    30% {
        text-shadow: 0.70155900851439560px 0 1px rgba(0, 30, 255, 0.5), -0.70155900851439560px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    35% {
        text-shadow: 3.89691404765035100px 0 1px rgba(0, 30, 255, 0.5), -3.89691404765035100px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    40% {
        text-shadow: 3.87090561484881900px 0 1px rgba(0, 30, 255, 0.5), -3.87090561484881900px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    45% {
        text-shadow: 2.23105696336189900px 0 1px rgba(0, 30, 255, 0.5), -2.23105696336189900px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    50% {
        text-shadow: 0.08084290417898504px 0 1px rgba(0, 30, 255, 0.5), -0.08084290417898504px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    55% {
        text-shadow: 2.37584610674275430px 0 1px rgba(0, 30, 255, 0.5), -2.37584610674275430px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    60% {
        text-shadow: 2.20219305105063600px 0 1px rgba(0, 30, 255, 0.5), -2.20219305105063600px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    65% {
        text-shadow: 2.86387806148749750px 0 1px rgba(0, 30, 255, 0.5), -2.86387806148749750px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    70% {
        text-shadow: 0.48874025155497314px 0 1px rgba(0, 30, 255, 0.5), -0.48874025155497314px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    75% {
        text-shadow: 1.89484913057579570px 0 1px rgba(0, 30, 255, 0.5), -1.89484913057579570px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    80% {
        text-shadow: 0.08330373080388570px 0 1px rgba(0, 30, 255, 0.5), -0.08330373080388570px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    85% {
        text-shadow: 0.09769827255241735px 0 1px rgba(0, 30, 255, 0.5), -0.09769827255241735px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    90% {
        text-shadow: 3.44333976148178200px 0 1px rgba(0, 30, 255, 0.5), -3.44333976148178200px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    95% {
        text-shadow: 2.18418388527997860px 0 1px rgba(0, 30, 255, 0.5), -2.18418388527997860px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
    100% {
        text-shadow: 2.62087644738325130px 0 1px rgba(0, 30, 255, 0.5), -2.62087644738325130px 0 1px rgba(255, 0, 80, 0.3), 0 0 4px;
    }
}

@keyframes scanline {
    0% {
        top: 0;
    }
    100% {
        top: 100%;
    }
}

@keyframes skew {
    45% {
        transform: skewY(0.0deg);
    }
    50% {
        transform: skewY(0.3deg);
    }
    55% {
        transform: skewY(0.0deg);
    }
}

#scanline {
    z-index: 3;
}

#scanline::after {
    box-shadow: 0 2px 6px rgba(25, 25, 25, 0.2), inset 0 1px rgba(50, 50, 50, 0.1), inset 0 3px rgba(50, 50, 50, 0.05), inset 0 3px 8px rgba(64, 64, 64, 0.05), inset 0 -5px 10px rgba(25, 25, 25, 0.1);
}

#scanline::before {
    content: '';
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 50px;
    background: #fff;
    background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, rgba(255, 250, 250, 1) 50%, rgba(255, 255, 255, 0.98) 51%, rgba(255, 0, 0, 0) 100%);
    opacity: .1;
    animation: scanline 2.5s linear infinite;
}

.blink {
    animation-delay: blink 23;
    animation: blink 1s step-start infinite;
}

.center {
    text-align: center;
}

.inline {
    display: inline;
}

.invisible {
    display: none;
}