Glitched theme for GitDown: https://ugotsta.github.io/beatdown/?css=2dca639c6647a709846ddbabeeb98e62&bands=64&tracks=https%3A%2F%2Fsoundcloud.com%2Fugotsta%2Fglitchers#beatdown

gitdown-glitchers.css

@import url('https://fonts.googleapis.com/css?family=Rock+Salt|Waiting+for+the+Sunrise');

#custom .inner::after {
    content: "-";
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 50%;
    pointer-events: none;
    border-left: 10px solid burlywood;
    mix-blend-mode: difference;
    font-size: 4em;
    background: powderblue;
}

#custom .inner::before {
    content: ".";
    pointer-events: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: orangered;
    background-blend-mode: color-dodge;
    background-image: linear-gradient(white 2px, transparent 2px), linear-gradient(90deg, white 2px, transparent 2px), linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.3) 1px, transparent 1px);
    background-size: 50px 200px, 60px 10px, 40px 90px, 50px 100px;
}

.gd-animated .inner::after {
    animation: glitch 2s infinite;
}

@keyframes glitch {
    0% {left: 100%;}
    30% {left: 800px;}
    100% {left: 0px;}
}

.section .content {
    padding-top: 10px;
    margin-left: 0px;
}

.gd-animated .section .content {
    animation: slide 10s infinite;
}

@keyframes slide {
    0% {margin-left: 0px;}
    2% (margin-left: 20px;)
    5% (margin-left: 2px;)
    30% {margin-left: 4px;}
    31% {margin-left: 20px;}
    100% {margin-left: 20px;}
}

* {
    font-family: 'Waiting for the Sunrise', serif;
    color: white;
    font-weight: 100;
}

code {
    background: none;
    color: palegreen;
}

#custom .inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    background: black;
    box-shadow: none;
    background-blend-mode: normal;
}

#custom .section {
    background: darkblue;
    border: none;
    box-shadow: none;
    mix-blend-mode: hard-light;
}

.gd-slides #custom .section {
    background: none;
    position: fixed;
    max-width: unset;
    min-width: unset;
    max-height: unset;
    min-height: unset;
    top: 36%;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0;
    font-size: 180%;
    margin: auto;
    width: 85vw;
    height: 30%;
    overflow: hidden;
    transform: rotate(1deg) perspective(600px) rotateY(20deg) translateX(200px) translateY(40px);
    border-top: 20px dashed coral;
}

.header h1.handle-heading {
    display: none;
}

.section a.handle {
    pointer-events: none;
    text-shadow: 0 0 3px rgba(0,0,0,0.5);
    transform: rotate(185deg);
    position: absolute;
    color: aqua;
    text-decoration: overline;
    text-transform: uppercase;
}

span#gd-track-title a, span#gd-track-user a {
    text-decoration: none;
    text-transform: uppercase;
    color: white;
    font-weight: 100;
    font-size: 1.2em;
}

span#gd-track-title a {
    font-weight: 900;
    font-size: 1.5em;
}

#custom .eq {
    position: fixed;
    max-width: unset;
    min-width: unset;
    max-height: unset;
    min-height: unset;
    top: 0;
    bottom: 40%;
    left: 0;
    right: 0;
    padding: 0;
    margin: auto;
    width: 85vw;
    height: 40vh;
    background: none;
    mix-blend-mode: normal;
    transform: scale(-1deg);
    z-index: 1;
}

/* EQ */

.eq .band {
    background: white;
}

.eq .band:nth-child(5),
.eq .band:nth-child(17) {
    position: absolute;
    transform: rotate(-8deg);
}

.eq .band:nth-child(9) {
    bottom: -20px;
}

.eq .band:nth-child(21),
.eq .band:nth-child(34) {
    background-color: transparent;
    border-top: 4px solid orange;
}

.eq .band:nth-child(60),
.eq .band:nth-child(57) {
    top: 0;
    background: transparent;
    border-left:4px solid white;
}

.eq .band:nth-child(57) {
    background-color: green;
    transform: rotate(-7deg);
}

.eq .band:nth-child(54) {
    transform: rotate(94deg);
}

.eq .band:nth-child(11) {
    transform: rotate(83deg);
}

.eq .band:nth-child(13) {
    background: transparent;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
}

.eq .band:nth-child(23),
.eq .band:nth-child(1) {
    top: 0;
    border-top: 1px solid yellow;
}

.eq .band:nth-child(11),
.eq .band:nth-child(38) {
    background-color: transparent;
    border: 1px solid white;
    transform: scale(1.5);
}

.eq .band:nth-child(47),
.eq .band:nth-child(21) {
    transform: rotate(40deg);
    bottom: -40px;
}

.eq .band:nth-child(39) {
    background: red;
}

.eq .band:nth-child(42) {
    transform: scale(3);
    background: none;
    border-right: 5px dashed yellow;
}

.eq .band:nth-child(2),
.eq .band:nth-child(50) {
    background-color: black;
    margin-right: 19px;
}

.eq .band:nth-child(3),
.eq .band:nth-child(62) {
    background: none;
    border-right: 2px solid red;
    border-top: 2px dotted olivedrab;
}

.eq .band:nth-child(27) {
    background: aliceblue;
    border-radius: 50%;
    bottom: 100px;
    transform: rotate(100deg);
}

.eq .band:nth-child(62) {
    bottom: -5px;
    transform: scale(0.5) rotate(1deg);
}

@keyframes in {
    0% { left: 6px; }
    30% {left: 18px;}
    35% {left: 2px;}
    55% { left: -4px; }
    100% { left: 0; }
}

@keyframes out {
    0% { left: 2px; }
    50% {left: -9px; }
    55% {left: 2px; }
    100% { left: 0; }
}

@keyframes in-reverse {
    100% { left: 0; }
    90% {left: 10px; }
    60% {left: 9px; }
    63% {left: -6px; }
    0% { left: 0; }
}

@keyframes out-reverse {
    100% { left: 0; }
    20% {left: -16px; }
    25% {left: 2px; }
    0% { left: 0; }
}

/* Cheatsheet backgrounds */
#custom tr, #custom th {
  background: none;
}

#custom li,
#custom li:nth-child(odd) {
  background: none;
}

#custom .content,
#custom .section .content .alternate {
  background: none;
}