:root {
    --transition-steps: 2;
    --color-text: #fff;
    --color-bg: #000;
    --color-link: #f9d77e;
    --color-link-hover: #fff;
    --color-info: #efc453;
    --glitch-width: 100vw;
    --glitch-height: 100vh;
    --gap-horizontal: 10px;
    --gap-vertical: 5px;
    --time-anim: 4s;
    --delay-anim: 0;
    --blend-mode-1: none;
    --blend-mode-2: none;
    --blend-mode-3: none;
    --blend-mode-4: none;
    --blend-mode-5: overlay;
    --blend-color-1: transparent;
    --blend-color-2: transparent;
    --blend-color-3: transparent;
    --blend-color-4: transparent;
    --blend-color-5: #af4949
}

* {
    -webkit-box-shadow: 0 0 0 #000;
    -moz-box-shadow: 0 0 0 #000;
    box-shadow: 0 0 0 #000
}

@-webkit-keyframes glitch-anim-text {
    0% {
        -webkit-transform: translate3d(-webkit-calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }
    2% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }
    4% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }
    5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }
    6% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }
    7% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }
    8% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }
    9% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }
    9.9% {
        -webkit-transform: translate3d(-webkit-calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1)
    }
    10%,
    to {
        -webkit-transform: translateZ(0) scaleX(1);
        transform: translateZ(0) scaleX(1);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-moz-keyframes glitch-anim-text {
    0% {
        -webkit-transform: translate3d(-webkit-calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        -moz-transform: translate3d(-moz-calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }
    2% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }
    4% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }
    5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }
    6% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }
    7% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }
    8% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }
    9% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }
    9.9% {
        -webkit-transform: translate3d(-webkit-calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        -moz-transform: translate3d(-moz-calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1)
    }
    10%,
    to {
        -webkit-transform: translateZ(0) scaleX(1);
        -moz-transform: translateZ(0) scaleX(1);
        transform: translateZ(0) scaleX(1);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-o-keyframes glitch-anim-text {
    0% {
        -webkit-transform: translate3d(-webkit-calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }
    2% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }
    4% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }
    5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }
    6% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }
    7% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }
    8% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }
    9% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }
    9.9% {
        -webkit-transform: translate3d(-webkit-calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1)
    }
    10%,
    to {
        -webkit-transform: translateZ(0) scaleX(1);
        transform: translateZ(0) scaleX(1);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@keyframes glitch-anim-text {
    0% {
        -webkit-transform: translate3d(-webkit-calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        -moz-transform: translate3d(-moz-calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
        clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%)
    }
    2% {
        -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
        clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%)
    }
    4% {
        -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
        clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%)
    }
    5% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
        clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%)
    }
    6% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%)
    }
    7% {
        -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%)
    }
    8% {
        -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%)
    }
    9% {
        -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
        clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%)
    }
    9.9% {
        -webkit-transform: translate3d(-webkit-calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        -moz-transform: translate3d(-moz-calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1);
        transform: translate3d(calc(-1*var(--gap-horizontal)), 0, 0) scale3d(-1, -1, 1)
    }
    10%,
    to {
        -webkit-transform: translateZ(0) scaleX(1);
        -moz-transform: translateZ(0) scaleX(1);
        transform: translateZ(0) scaleX(1);
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
}

@-webkit-keyframes glitch-anim-flash {
    0% {
        opacity: .2;
        -webkit-transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
        transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0)
    }
    33%,
    to {
        opacity: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-moz-keyframes glitch-anim-flash {
    0% {
        opacity: .2;
        -webkit-transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
        -moz-transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
        transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0)
    }
    33%,
    to {
        opacity: 0;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-o-keyframes glitch-anim-flash {
    0% {
        opacity: .2;
        -webkit-transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
        transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0)
    }
    33%,
    to {
        opacity: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes glitch-anim-flash {
    0% {
        opacity: .2;
        -webkit-transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
        -moz-transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0);
        transform: translate3d(var(--gap-horizontal), var(--gap-vertical), 0)
    }
    33%,
    to {
        opacity: 0;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes turn-on {
    0% {
        -webkit-transform: scaleY(.8) translateZ(0);
        transform: scaleY(.8) translateZ(0);
        opacity: 1
    }
    3.5% {
        -webkit-transform: scaleY(.8) translate3d(0, 100%, 0);
        transform: scaleY(.8) translate3d(0, 100%, 0)
    }
    3.6% {
        -webkit-transform: scaleY(.8) translate3d(0, -100%, 0);
        transform: scaleY(.8) translate3d(0, -100%, 0);
        opacity: 1
    }
    9% {
        -webkit-transform: scale(1.3, .6) translate3d(0, 100%, 0);
        transform: scale(1.3, .6) translate3d(0, 100%, 0);
        opacity: 0
    }
    11% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes turn-on {
    0% {
        -webkit-transform: scaleY(.8) translateZ(0);
        -moz-transform: scaleY(.8) translateZ(0);
        transform: scaleY(.8) translateZ(0);
        opacity: 1
    }
    3.5% {
        -webkit-transform: scaleY(.8) translate3d(0, 100%, 0);
        -moz-transform: scaleY(.8) translate3d(0, 100%, 0);
        transform: scaleY(.8) translate3d(0, 100%, 0)
    }
    3.6% {
        -webkit-transform: scaleY(.8) translate3d(0, -100%, 0);
        -moz-transform: scaleY(.8) translate3d(0, -100%, 0);
        transform: scaleY(.8) translate3d(0, -100%, 0);
        opacity: 1
    }
    9% {
        -webkit-transform: scale(1.3, .6) translate3d(0, 100%, 0);
        -moz-transform: scale(1.3, .6) translate3d(0, 100%, 0);
        transform: scale(1.3, .6) translate3d(0, 100%, 0);
        opacity: 0
    }
    11% {
        -webkit-transform: scale(1) translateZ(0);
        -moz-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1) translateZ(0);
        -moz-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@-o-keyframes turn-on {
    0% {
        -webkit-transform: scaleY(.8) translateZ(0);
        transform: scaleY(.8) translateZ(0);
        opacity: 1
    }
    3.5% {
        -webkit-transform: scaleY(.8) translate3d(0, 100%, 0);
        transform: scaleY(.8) translate3d(0, 100%, 0)
    }
    3.6% {
        -webkit-transform: scaleY(.8) translate3d(0, -100%, 0);
        transform: scaleY(.8) translate3d(0, -100%, 0);
        opacity: 1
    }
    9% {
        -webkit-transform: scale(1.3, .6) translate3d(0, 100%, 0);
        transform: scale(1.3, .6) translate3d(0, 100%, 0);
        opacity: 0
    }
    11% {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@keyframes turn-on {
    0% {
        -webkit-transform: scaleY(.8) translateZ(0);
        -moz-transform: scaleY(.8) translateZ(0);
        transform: scaleY(.8) translateZ(0);
        opacity: 1
    }
    3.5% {
        -webkit-transform: scaleY(.8) translate3d(0, 100%, 0);
        -moz-transform: scaleY(.8) translate3d(0, 100%, 0);
        transform: scaleY(.8) translate3d(0, 100%, 0)
    }
    3.6% {
        -webkit-transform: scaleY(.8) translate3d(0, -100%, 0);
        -moz-transform: scaleY(.8) translate3d(0, -100%, 0);
        transform: scaleY(.8) translate3d(0, -100%, 0);
        opacity: 1
    }
    9% {
        -webkit-transform: scale(1.3, .6) translate3d(0, 100%, 0);
        -moz-transform: scale(1.3, .6) translate3d(0, 100%, 0);
        transform: scale(1.3, .6) translate3d(0, 100%, 0);
        opacity: 0
    }
    11% {
        -webkit-transform: scale(1) translateZ(0);
        -moz-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1) translateZ(0);
        -moz-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes turn-off {
    0% {
        -webkit-transform: scaleY(1.3) translateZ(0);
        transform: scaleY(1.3) translateZ(0);
        opacity: 1
    }
    60% {
        -webkit-transform: scale(1.3, .001) translateZ(0);
        transform: scale(1.3, .001) translateZ(0)
    }
    to {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: scale(0, .0001) translateZ(0);
        transform: scale(0, .0001) translateZ(0)
    }
}

@-moz-keyframes turn-off {
    0% {
        -webkit-transform: scaleY(1.3) translateZ(0);
        -moz-transform: scaleY(1.3) translateZ(0);
        transform: scaleY(1.3) translateZ(0);
        opacity: 1
    }
    60% {
        -webkit-transform: scale(1.3, .001) translateZ(0);
        -moz-transform: scale(1.3, .001) translateZ(0);
        transform: scale(1.3, .001) translateZ(0)
    }
    to {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: scale(0, .0001) translateZ(0);
        -moz-transform: scale(0, .0001) translateZ(0);
        transform: scale(0, .0001) translateZ(0)
    }
}

@-o-keyframes turn-off {
    0% {
        -webkit-transform: scaleY(1.3) translateZ(0);
        transform: scaleY(1.3) translateZ(0);
        opacity: 1
    }
    60% {
        -webkit-transform: scale(1.3, .001) translateZ(0);
        transform: scale(1.3, .001) translateZ(0)
    }
    to {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: scale(0, .0001) translateZ(0);
        transform: scale(0, .0001) translateZ(0)
    }
}

@keyframes turn-off {
    0% {
        -webkit-transform: scaleY(1.3) translateZ(0);
        -moz-transform: scaleY(1.3) translateZ(0);
        transform: scaleY(1.3) translateZ(0);
        opacity: 1
    }
    60% {
        -webkit-transform: scale(1.3, .001) translateZ(0);
        -moz-transform: scale(1.3, .001) translateZ(0);
        transform: scale(1.3, .001) translateZ(0)
    }
    to {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -moz-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -o-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: scale(0, .0001) translateZ(0);
        -moz-transform: scale(0, .0001) translateZ(0);
        transform: scale(0, .0001) translateZ(0)
    }
}

@-webkit-keyframes click-new {
    0% {
        border: 1px dotted #2f5;
        background-color: rgba(34, 225, 85, .25)
    }
    50% {
        border: 1px dotted rgba(34, 255, 85, .25);
        background-color: rgba(34, 225, 85, .5)
    }
    to {
        border: 1px dotted rgba(34, 255, 85, 0);
        background-color: rgba(34, 225, 85, .5)
    }
}

@-moz-keyframes click-new {
    0% {
        border: 1px dotted #2f5;
        background-color: rgba(34, 225, 85, .25)
    }
    50% {
        border: 1px dotted rgba(34, 255, 85, .25);
        background-color: rgba(34, 225, 85, .5)
    }
    to {
        border: 1px dotted rgba(34, 255, 85, 0);
        background-color: rgba(34, 225, 85, .5)
    }
}

@-o-keyframes click-new {
    0% {
        border: 1px dotted #2f5;
        background-color: rgba(34, 225, 85, .25)
    }
    50% {
        border: 1px dotted rgba(34, 255, 85, .25);
        background-color: rgba(34, 225, 85, .5)
    }
    to {
        border: 1px dotted rgba(34, 255, 85, 0);
        background-color: rgba(34, 225, 85, .5)
    }
}

@keyframes click-new {
    0% {
        border: 1px dotted #2f5;
        background-color: rgba(34, 225, 85, .25)
    }
    50% {
        border: 1px dotted rgba(34, 255, 85, .25);
        background-color: rgba(34, 225, 85, .5)
    }
    to {
        border: 1px dotted rgba(34, 255, 85, 0);
        background-color: rgba(34, 225, 85, .5)
    }
}

@-webkit-keyframes warp-on {
    0% {
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-transform: scale(0, .0001) translateZ(0);
        transform: scale(0, .0001) translateZ(0)
    }
    60% {
        -webkit-transform: scaleY(.001) translateZ(0);
        transform: scaleY(.001) translateZ(0)
    }
    60% {
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-transform: scaleY(1.3) translateZ(0);
        transform: scaleY(1.3) translateZ(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes warp-on {
    0% {
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        transform-origin: top;
        -webkit-transform: scale(0, .0001) translateZ(0);
        -moz-transform: scale(0, .0001) translateZ(0);
        transform: scale(0, .0001) translateZ(0)
    }
    60% {
        -webkit-transform: scaleY(.001) translateZ(0);
        -moz-transform: scaleY(.001) translateZ(0);
        transform: scaleY(.001) translateZ(0)
    }
    60% {
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        transform-origin: top;
        -webkit-transform: scaleY(1.3) translateZ(0);
        -moz-transform: scaleY(1.3) translateZ(0);
        transform: scaleY(1.3) translateZ(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        transform-origin: top;
        -webkit-transform: scale(1) translateZ(0);
        -moz-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@-o-keyframes warp-on {
    0% {
        -webkit-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        -webkit-transform: scale(0, .0001) translateZ(0);
        transform: scale(0, .0001) translateZ(0)
    }
    60% {
        -webkit-transform: scaleY(.001) translateZ(0);
        transform: scaleY(.001) translateZ(0)
    }
    60% {
        -webkit-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        -webkit-transform: scaleY(1.3) translateZ(0);
        transform: scaleY(1.3) translateZ(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@keyframes warp-on {
    0% {
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        -webkit-transform: scale(0, .0001) translateZ(0);
        -moz-transform: scale(0, .0001) translateZ(0);
        transform: scale(0, .0001) translateZ(0)
    }
    60% {
        -webkit-transform: scaleY(.001) translateZ(0);
        -moz-transform: scaleY(.001) translateZ(0);
        transform: scaleY(.001) translateZ(0)
    }
    60% {
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        -webkit-transform: scaleY(1.3) translateZ(0);
        -moz-transform: scaleY(1.3) translateZ(0);
        transform: scaleY(1.3) translateZ(0);
        opacity: 1
    }
    to {
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        -webkit-transform: scale(1) translateZ(0);
        -moz-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-moz-keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-o-keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotating {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        -moz-transform: rotate(1turn);
        -o-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

b {
    font-weight: 700
}

@-webkit-keyframes crt-glow {
    0% {
        opacity: .1
    }
    50% {
        opacity: .2
    }
}

@-moz-keyframes crt-glow {
    0% {
        opacity: .1
    }
    50% {
        opacity: .2
    }
}

@-o-keyframes crt-glow {
    0% {
        opacity: .1
    }
    50% {
        opacity: .2
    }
}

@keyframes crt-glow {
    0% {
        opacity: .1
    }
    50% {
        opacity: .2
    }
}

@-webkit-keyframes warn-glow {
    0% {
        opacity: .9;
        -webkit-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0);
        box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0)
    }
    50% {
        opacity: 1;
        -webkit-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, .25);
        box-shadow: 0 0 2rem 0 rgba(255, 55, 0, .25)
    }
    to {
        opacity: .9;
        -webkit-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0);
        box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0)
    }
}

@-moz-keyframes warn-glow {
    0% {
        opacity: .9;
        -webkit-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0);
        -moz-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0);
        box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0)
    }
    50% {
        opacity: 1;
        -webkit-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, .25);
        -moz-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, .25);
        box-shadow: 0 0 2rem 0 rgba(255, 55, 0, .25)
    }
    to {
        opacity: .9;
        -webkit-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0);
        -moz-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0);
        box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0)
    }
}

@-o-keyframes warn-glow {
    0% {
        opacity: .9;
        -webkit-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0);
        box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0)
    }
    50% {
        opacity: 1;
        -webkit-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, .25);
        box-shadow: 0 0 2rem 0 rgba(255, 55, 0, .25)
    }
    to {
        opacity: .9;
        -webkit-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0);
        box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0)
    }
}

@keyframes warn-glow {
    0% {
        opacity: .9;
        -webkit-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0);
        -moz-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0);
        box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0)
    }
    50% {
        opacity: 1;
        -webkit-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, .25);
        -moz-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, .25);
        box-shadow: 0 0 2rem 0 rgba(255, 55, 0, .25)
    }
    to {
        opacity: .9;
        -webkit-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0);
        -moz-box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0);
        box-shadow: 0 0 2rem 0 rgba(255, 55, 0, 0)
    }
}

@-webkit-keyframes crt-output {
    0% {
        opacity: .9
    }
    50% {
        opacity: 1
    }
}

@-moz-keyframes crt-output {
    0% {
        opacity: .9
    }
    50% {
        opacity: 1
    }
}

@-o-keyframes crt-output {
    0% {
        opacity: .9
    }
    50% {
        opacity: 1
    }
}

@keyframes crt-output {
    0% {
        opacity: .9
    }
    50% {
        opacity: 1
    }
}

.underline {
    text-decoration: underline;
    -webkit-text-decoration-style: dashed;
    -moz-text-decoration-style: dashed;
    text-decoration-style: dashed
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

h1 {
    font-size: 3em;
    font-weight: 700;
    margin: 0 auto
}

::-webkit-scrollbar {
    width: 1em;
    background-color: #f5f5f5
}

::-webkit-scrollbar-track {
    border: 1px solid #000;
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    background-color: #000;
    background-clip: padding-box
}

::-webkit-scrollbar-button:single-button {
    background-color: #bbb;
    display: block;
    border-style: solid;
    height: 1remp;
    width: 1.2rem
}

::-webkit-scrollbar-button:single-button:vertical:decrement {
    border-width: 0 8px 8px;
    border-color: transparent transparent #555
}

::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
    border-color: transparent transparent #777
}

::-webkit-scrollbar-button:single-button:vertical:increment {
    border-width: 8px 8px 0;
    border-color: #555 transparent transparent
}

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
    border-color: #777 transparent transparent
}

#scp_logo {
    position: relative;
    opacity: 0;
    margin: 2vw 2vw;
    will-change: -webkit-transform, -moz-transform, -o-transform, transform, opacity;
    -webkit-transition: -webkit-transform 2s cubic-bezier(0, 0, .3, 1), opacity 2s cubic-bezier(0, 0, .3, 1);
    -webkit-transition: opacity 2s cubic-bezier(0, 0, .3, 1), -webkit-transform 2s cubic-bezier(0, 0, .3, 1);
    transition: opacity 2s cubic-bezier(0, 0, .3, 1), -webkit-transform 2s cubic-bezier(0, 0, .3, 1);
    -o-transition: transform 2s cubic-bezier(0, 0, .3, 1), opacity 2s cubic-bezier(0, 0, .3, 1);
    -o-transition: opacity 2s cubic-bezier(0, 0, .3, 1), -o-transform 2s cubic-bezier(0, 0, .3, 1);
    -moz-transition: transform 2s cubic-bezier(0, 0, .3, 1), opacity 2s cubic-bezier(0, 0, .3, 1), -moz-transform 2s cubic-bezier(0, 0, .3, 1);
    transition: transform 2s cubic-bezier(0, 0, .3, 1), opacity 2s cubic-bezier(0, 0, .3, 1);
    transition: transform 2s cubic-bezier(0, 0, .3, 1), opacity 2s cubic-bezier(0, 0, .3, 1), -webkit-transform 2s cubic-bezier(0, 0, .3, 1), -moz-transform 2s cubic-bezier(0, 0, .3, 1), -o-transform 2s cubic-bezier(0, 0, .3, 1);
    transition: transform 2s cubic-bezier(0, 0, .3, 1), opacity 2s cubic-bezier(0, 0, .3, 1), -webkit-transform 2s cubic-bezier(0, 0, .3, 1);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    width: 25vw!important;
    height: 25vw!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#scp_logo picture {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#scp_logo img {
    height: 100%;
}

#id_collapse,
#scp_logo {
    display: none
}

.id_collapse_label_1 {
    display: inline-block!important
}

#id_collapse:checked~label.id_collapse_label_1,
.id_collapse_label_2 {
    display: none!important
}

#id_collapse:checked~label.id_collapse_label_2,
#id_collapse:checked~p.collapse {
    display: inline-block!important
}

p.collapse {
    display: none!important
}

.id_collapse_label_1,
.id_collapse_label_2 {
    height: intrinsic;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    min-height: 1rem;
    width: 100%;
    display: inline-block;
    float: left;
    position: relative;
    z-index: 100;
    background: #ccc;
    color: #111;
    padding: .75vh 1rem;
    font-style: italic;
    font-weight: 700;
    font-size: 1em;
    text-align: center;
    cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.8' height='25.7'%3E%3Cpath d='M29 19.8c-.2-.1-.4-.2-.6-.4.3-.7.5-1.5.5-2.3 0-2.9-2.2-5.4-5.1-5.7v-1h-1.2v.9c-2.9.3-5.2 2.7-5.2 5.7 0 .8.2 1.6.5 2.3-.2.1-.4.2-.5.3l-.2.1.6 1 .2-.1s.2-.1.5-.3c1 1.4 2.7 2.4 4.6 2.4 1.9 0 3.6-1 4.7-2.4.4.2.6.4.6.4l.2.1.6-1H29zm-5.9 1.4c-1.3 0-2.4-.6-3.2-1.6.2-.1.4-.2.5-.3l.6-.3.1.1.2.3.1.1h.1c.1 0 .2-.1.3-.2 0 0 .1-.2.2-.3.1-.1.1-.2.2-.3.1-.1.4-.6.5-.7l.4-.6c.1-.1.1-.1.1-.2v-.1H23c-.1-.1-.2-.1-.2-.1H21.9h-.6-.8c-.3 0-.5 0-.5.3 0 .1 0 .1.2.5l.1.1c-.2.1-.6.4-1.1.6-.2-.5-.3-1-.3-1.5 0-2.1 1.6-3.8 3.6-4v1.2h-.1c-.5 0-.5 0-.6.1l-.1.1v.1l.6 1.1.4.7c.2.5.2.5.4.5s.1 0 .4-.5l.4-.7.6-1.1v-.1l-.1-.1c-.1-.1-.1-.1-.6-.1h-.2V13c1.9.3 3.4 2 3.4 4 0 .5-.1 1-.3 1.4-.4-.2-.8-.5-1-.6 0 0 0-.1.1-.1l.2-.4c0-.2-.2-.3-.4-.3h-.1-.4-.4-.4-.4H23.6c-.1 0-.4-.1-.5 0l-.1.1v.1c0 .1 0 .1.6 1 .3.5.6.9.7 1 .1.2.2.3.3.3h.1l.1-.1.2-.4.1-.1c.1.1.4.2.6.3.1 0 .2.1.4.2-.5 1.2-1.6 1.8-3 1.8z'/%3E%3Cpath d='M31.9 18.8c-.2-.1-.3-.3-.3-.3v-.1c.1-.7.1-1.3 0-2.1-.2-1.6-.8-3.2-1.8-4.5-.7-.8-1.5-1.5-2.4-2.1-.3-.2-.7-.4-1-.5h-.1l-.2-.8-.2-.8h-5.6s-.1.4-.1.8c-.1.4-.1.8-.1.8s-.1 0-.1.1c-1.3.5-2.6 1.4-3.5 2.6-.9 1.2-1.6 2.6-1.8 4v.2s-.1.4-.1.7v.9c0 .2 0 .4.1.6v.2c-.1.1-.2.2-.3.2-.1.1-.1.1-.2.1-.1.1-.1.1-.5.4-.2.1-.3.3-.3.3l.2.4c.1.2.8 1.3 1.4 2.4.6 1.1 1.2 2 1.2 2s.1 0 .2-.1c.1 0 .2-.1.4-.1.8-.3 1-.3 1-.3h.1c.2.1.5.4.8.6.4.3 1 .5 1.5.7 1.3.5 2.7.6 4 .5.7-.1 1.4-.3 2.1-.5.1 0 .2-.1.2-.1s.3-.1.6-.3c.4-.2.8-.5 1.2-.8l.2-.1h.1s.4.1.5.2c.1 0 .6.2.6.2h.1c.1 0 .1 0 .2.1h.1l2.8-4.8c-.1 0-.3-.2-1-.7zm-3.3 3.5l-.5-.1-.4.3c-.3.2-.6.4-.7.5-.1 0-.1.1-.1.1-.4.2-.8.5-1.2.6-.7.3-1.4.4-2.2.5h-.8c-1-.1-1.9-.3-2.7-.7-.4-.2-.9-.5-1.2-.8-.1 0-.3-.2-.3-.2l-.5-.4-.5.2c-.2.1-.4.2-.7.2-.4-.7-1-1.7-1.6-2.7l.6-.5.4-.3-.1-.5c0-.3-.1-.7-.1-.8v-.4c0-.4 0-.8.1-1.2.3-2 1.4-3.7 3.1-4.8.3-.2 1.2-.6 1.7-.8l.5-.2.1-.5.1-.8h3.2l.1.7.1.5.5.2c.4.2.9.4 1.1.5.8.5 1.5 1 2.1 1.7.9 1.1 1.4 2.4 1.5 3.9v1.1c0 .2-.1.6-.1.9l-.1.6.4.3.5.5-1.6 2.7-.7-.3zm-5.8 2.9h0zm.3 0h-.2.4-.2zm.4 0h.2-.2zM3.693 7.227l2.871-4.094 9.989 7.007-2.872 4.093z'/%3E%3Cpath d='M8 1.5C5.9 0 3 .5 1.5 2.6s-1 5.1 1.1 6.5 5.1 1 6.5-1.1 1-5-1.1-6.5z' fill='%23fff'/%3E%3Cpath d='M8.4 1c2.4 1.7 3 5 1.3 7.4-1.7 2.4-5 3-7.4 1.3C-.1 8-.7 4.7 1 2.3 2.6-.1 6-.7 8.4 1c2.4 1.6-2.4-1.7 0 0zM3 8.7c1.8 1.3 4.4.8 5.7-1 1.3-1.8.8-4.4-1-5.7C5.8.7 3.3 1.1 2 3 .7 4.8 1.1 7.4 3 8.7c1.8 1.2-1.9-1.3 0 0z'/%3E%3C/svg%3E"), pointer
}

#switch~.comp>.container>.terminal {
    will-change: -webkit-transform, -moz-transform, -o-transform, transform, opacity;
    -webkit-animation: turn-off .55s cubic-bezier(.23, 1, .32, 1);
    -moz-animation: turn-off .55s cubic-bezier(.23, 1, .32, 1);
    -o-animation: turn-off .55s cubic-bezier(.23, 1, .32, 1);
    animation: turn-off .55s cubic-bezier(.23, 1, .32, 1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

#switch:checked~.comp>.container>.terminal {
    will-change: -webkit-transform, -moz-transform, -o-transform, transform, opacity;
    -webkit-animation: turn-on 4s linear;
    -moz-animation: turn-on 4s linear;
    -o-animation: turn-on 4s linear;
    animation: turn-on 4s linear;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

#switch {
    display: none
}

.switch-label {
    min-height: 1rem;
    position: absolute;
    bottom: 3vh;
    left: 4vw;
    z-index: 9999;
    display: inline-block;
    cursor: pointer;
    background: #ccc;
    color: #111;
    padding: .75vh 1rem;
    margin-top: 1.5vh;
    -webkit-box-shadow: 0 1px 3px 0 #666;
    -moz-box-shadow: 0 1px 3px 0 #666;
    box-shadow: 0 1px 3px 0 #666
}

.switch-label:before {
    content: " ";
    display: inline-block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    background: #af8400;
    margin-right: 10px;
    border: 1px solid #111;
    -webkit-animation: glow 60s infinite;
    -moz-animation: glow 60s infinite;
    -o-animation: glow 60s infinite;
    animation: glow 60s infinite;
    -webkit-box-shadow: 0 0 2rem 0 #af8400;
    -moz-box-shadow: 0 0 2rem 0 #af8400;
    box-shadow: 0 0 2rem 0 #af8400
}

.switch-label:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transform: translate3d(0, 2px, 0);
    -moz-transform: translate3d(0, 2px, 0);
    transform: translate3d(0, 2px, 0)
}

#switch:checked+.switch-label:before {
    background: #2f5;
    -webkit-box-shadow: 0 0 2rem .5rem #2f5;
    -moz-box-shadow: 0 0 2rem .5rem #2f5;
    box-shadow: 0 0 2rem .5rem #2f5
}

.switch-label:after {
    content: "ENERGIA";
    font-family: Basic, sans-serif;
    font-size: -webkit-calc(1rem + .5vh);
    font-size: -moz-calc(1rem + .5vh);
    font-size: calc(1rem + .5vh);
    color: #1e1610
}

.cursor {
    content: " ";
    position: absolute;
    right: -.75em;
    display: inline-block;
    background-color: #606060;
    vertical-align: top;
    width: .479167em;
    height: 1.15em
}

.block {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    margin: 1% auto
}

.log {
    text-align: left;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.block div:not(:last-child) {
    border-bottom: .5px dotted #fff
}

.block,
.log {
    width: 98%;
    padding: 1vw;
    background: #1e1e1e;
    color: #ccc;
    margin: 1% auto
}

.block,
.log,
.log p,
.log span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex
}

.log p,
.log span {
    width: 100%;
    -ms-flex-line-pack: left;
    -webkit-align-content: left;
    align-content: left;
    -webkit-box-align: left;
    -ms-flex-align: left;
    -webkit-align-items: left;
    -moz-box-align: left;
    align-items: left;
    text-align: left;
    height: intrinsic;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    margin: 0;
    padding: 0;
    font-size: .9rem
}

.log>span:nth-of-type(2)>span:nth-of-type(2)>p {
    display: inline-block
}

.log>span:first-of-type {
    padding: 0 0 1em;
    border-bottom: .5px dotted #fff
}

.log>span:first-of-type>span:first-of-type {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    border-right: .5px dotted #fff
}

.log>span:first-of-type>span:first-of-type,
.log>span:first-of-type>span:nth-of-type(2) {
    width: 100%;
    -webkit-box-flex: 5;
    -ms-flex-positive: 5;
    -webkit-flex-grow: 5;
    -moz-box-flex: 5;
    flex-grow: 5;
    -webkit-box-direction: normal;
    margin: 1em 1em 0
}

.log>span:first-of-type>span:nth-of-type(2) {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.log>span:first-of-type>span:nth-of-type(2)>span {
    width: 100%;
    -webkit-box-flex: 5;
    -ms-flex-positive: 5;
    -webkit-flex-grow: 5;
    -moz-box-flex: 5;
    flex-grow: 5;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.log>span:first-of-type>span:nth-of-type(2)>span>p {
    width: 100%;
    display: inline-block;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    padding: 0 .15em
}

.log>span:first-of-type>span:nth-of-type(2)>span>p>b {
    display: inline-block;
    border-bottom: .5px dotted #fff;
    margin-bottom: .4em
}

.log>span:nth-of-type(2) {
    margin: 0 1em;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.log>span:nth-of-type(2),
.log>span:nth-of-type(2)>span:first-of-type,
.log>span:nth-of-type(2)>span:nth-of-type(3) {
    width: 100%;
    -webkit-box-flex: 5;
    -ms-flex-positive: 5;
    -webkit-flex-grow: 5;
    -moz-box-flex: 5;
    flex-grow: 5;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column
}

.log>span:nth-of-type(2)>span:first-of-type,
.log>span:nth-of-type(2)>span:nth-of-type(3) {
    margin: 1.5em 0 .5em
}

.log>span:nth-of-type(2)>span:nth-of-type(2),
.log>span:nth-of-type(2)>span:nth-of-type(4) {
    line-height: 1.5
}

.log a {
    display: contents;
    color: #8fbc8f
}

.notes {
    font-style: italic
}

.block .header1,
.review span {
    font-size: 1.5em;
    font-weight: 700
}

.review span {
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: .15em;
    background-color: #c92b00
}

#yellow {
    width: 1.15em;
    height: 1.15em;
    font-size: .75em;
    color: #ff4;
    text-shadow: 0 .2rem 1rem #ff4;
    display: inline-block;
    -webkit-border-radius: 1.2em;
    -moz-border-radius: 1.2em;
    border-radius: 1.2em;
    border: .5px solid #1e1e1e;
    background-color: #ff4
}

.piece {
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.comp,
.container {
    pointer-events: none
}

.comp {
    margin: 0;
    padding: 0;
    color: #fdfdfd;
    font-family: IBM Plex Mono;
    font-size: 1.15em;
    width: 98vw;
    height: 97vh;
    background-color: #ccc;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    border: 0
}

.container {
    line-height: 1.2;
    background-color: #121010;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    border: solid;
    border-width: 1.5vh 1.5vw 4.5vh;
    border-color: #020202 #080808 #121212;
    float: left;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    margin: 1vh 0 0 2vw;
    width: 94vw;
    height: 90vh;
    overflow: hidden
}

.terminal {
    background-color: #1e1e1e;
    width: 93vw;
    height: 85vh
}

.output,
.terminal {
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem
}

.output {
    position: absolute;
    overflow: hidden;
    padding: 3vh;
    pointer-events: auto;
    text-shadow: 0 .2rem 1rem #7b7b7b;
    z-index: -1;
    margin-right: 4vw;
    width: 91vw;
    height: 100%;
    cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.8' height='23.4'%3E%3Cpath d='M28 17.5c-.2-.1-.4-.2-.6-.4.3-.7.5-1.5.5-2.3 0-2.9-2.2-5.4-5.1-5.7v-1h-1.2V9c-2.9.3-5.2 2.7-5.2 5.7 0 .8.2 1.6.5 2.3-.2.1-.4.2-.5.3l-.2.1.6 1 .2-.1s.2-.1.5-.3c1 1.4 2.7 2.4 4.6 2.4 1.9 0 3.6-1 4.7-2.4.4.2.6.4.6.4l.2.1.6-1H28zm-5.8 1.4c-1.3 0-2.4-.6-3.2-1.6.2-.1.4-.2.5-.3l.6-.3.1.1.2.3.1.1h.1c.1 0 .2-.1.3-.2 0 0 .1-.2.2-.3.1-.1.1-.2.2-.3.1-.1.4-.6.5-.7l.4-.6c.1-.1.1-.1.1-.2v-.1l-.3.1c-.1-.1-.2-.1-.2-.1H20.9h-.6-.8c-.3 0-.5 0-.5.3 0 .1 0 .1.2.5l.1.1c-.2.1-.6.4-1.1.6-.2-.5-.3-1-.3-1.5 0-2.1 1.6-3.8 3.6-4V12h-.1c-.5 0-.5 0-.6.1l-.1.1v.1l.6 1.1.4.7c.2.5.2.5.4.5s.1 0 .4-.5l.4-.7.6-1.1v-.1l-.1-.1c-.1-.1-.1-.1-.6-.1h-.2v-1.2c1.9.3 3.4 2 3.4 4 0 .5-.1 1-.3 1.4-.4-.2-.8-.5-1-.6 0 0 0-.1.1-.1l.2-.4c0-.2-.2-.3-.4-.3h-.1-.4-.4-.4-.4H22.6c-.1 0-.4-.1-.5 0l-.1.1v.1c0 .1 0 .1.6 1 .3.5.6.9.7 1 .1.2.2.3.3.3h.1l.1-.1.2-.4.1-.1c.1.1.4.2.6.3.1 0 .2.1.4.2-.4 1.1-1.6 1.7-2.9 1.7z'/%3E%3Cpath d='M30.9 16.5c-.2-.1-.3-.3-.3-.3v-.1c.1-.7.1-1.3 0-2.1-.2-1.6-.8-3.2-1.8-4.5-.7-.8-1.5-1.5-2.4-2.1-.3-.2-.7-.4-1-.5h-.1l-.2-.8c0-.4-.1-.7-.1-.7h-5.6s-.1.4-.1.8c-.1.4-.1.8-.1.8s-.2-.1-.2 0c-1.3.5-2.6 1.4-3.5 2.6-.9 1.2-1.6 2.6-1.8 4v.2s-.1.4-.1.7v.9c0 .2 0 .4.1.6v.2c-.1.1-.2.2-.3.2-.1.1-.1.1-.2.1-.1.1-.1.1-.5.4-.2.1-.3.3-.3.3l.2.4c.1.2.8 1.3 1.4 2.4.6 1.1 1.2 2 1.2 2s.1 0 .2-.1c.1 0 .2-.1.4-.1.8-.3 1-.3 1-.3h.1c.2.1.5.4.8.6.4.3 1 .5 1.5.7 1.3.5 2.7.6 4 .5.7-.1 1.4-.3 2.1-.5.1 0 .2-.1.2-.1s.3-.1.6-.3c.4-.2.8-.5 1.2-.8l.2-.1h.1s.4.1.5.2c.1 0 .6.2.6.2h.1c.1 0 .1 0 .2.1h.1l2.8-4.8c-.1 0-.3-.1-1-.7zm-3.3 3.6l-.5-.1-.4.3c-.3.2-.6.4-.7.5-.1 0-.1.1-.1.1-.4.2-.8.5-1.2.6-.7.3-1.4.4-2.2.5h-.8c-1-.1-1.9-.3-2.7-.7-.4-.2-.9-.5-1.2-.8-.1 0-.3-.2-.3-.2l-.4-.3h-.5c-.2.1-.4.2-.7.2-.4-.7-1-1.7-1.6-2.7l.6-.5.4-.3-.1-.5c0-.3-.1-.7-.1-.8V15c0-.4 0-.8.1-1.2.3-2 1.4-3.7 3.1-4.8.3-.2 1.2-.6 1.7-.8l.4-.2.1-.5.1-.7h3.2l.1.7.1.5.5.2c.4.2.9.4 1.1.5.8.5 1.5 1 2.1 1.7.9 1.1 1.4 2.4 1.5 3.9v1.1c0 .2-.1.6-.1.9l-.1.5.4.3.5.5-1.6 2.7-.7-.2zm-5.8 2.8h-.1.1zm.4 0H22h.4-.2zm.3 0h.2-.2z'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='5' stroke-miterlimit='10' d='M14.1 9.9L7.3 5.2'/%3E%3Cpath d='M12.4 1.1L0 0l5.3 11.3z'/%3E%3C/svg%3E"), pointer
}

#main,
.header {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    float: left
}

#main {
    max-width: 87vw;
    height: -webkit-calc(100% - 1rem);
    height: -moz-calc(100% - 1rem);
    height: calc(100% - 1rem);
    background-color: #fdfdfd;
    color: #121010;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 1vw;
    display: inline-block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    -webkit-align-content: flex-start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start
}

#main p {
    width: intrinsic;
    width: -moz-fit-content;
    width: -webkit-fit-content
}

#main div {
    min-height: 1px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex
}

#main article,
#main div {
    max-width: 86vw;
    min-width: 100%;
    float: left;
    clear: right;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -webkit-flex-grow: 0;
    -moz-box-flex: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 1;
    -webkit-flex-basis: 1;
    flex-basis: 1;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

#main div.journal {
    font: normal -webkit-calc(.75rem + .25vw + .25vh), Merriweather, serif;
    font: normal -moz-calc(.75rem + .25vw + .25vh), Merriweather, serif;
    font: normal calc(.75rem + .25vw + .25vh), Merriweather, serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: -webkit-calc(100% - 2em);
    width: -moz-calc(100% - 2em);
    width: calc(100% - 2em);
    min-width: -webkit-calc(100% - 2em);
    min-width: -moz-calc(100% - 2em);
    min-width: calc(100% - 2em);
    background: #1d1e22;
    text-align: left;
    position: relative;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 2vw;
    border: 1px solid #bae7a8;
    margin: 1em
}

#main div.journal p,
#main div.journal ul {
    line-height: -webkit-calc((.75rem + .5vw + .25vh)*1.5);
    line-height: -moz-calc((.75rem + .5vw + .25vh)*1.5);
    line-height: calc((.75rem + .5vw + .25vh)*1.5);
    color: #d4d4dc;
    width: 100%
}

#main div.journal ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    min-width: -webkit-calc(100% - 4vw);
    min-width: -moz-calc(100% - 4vw);
    min-width: calc(100% - 4vw);
    margin: 0 2vw;
    padding: .5vw -webkit-calc((.75rem + .75vw + .5vh)*1.5);
    padding: .5vw -moz-calc((.75rem + .75vw + .5vh)*1.5);
    padding: .5vw calc((.75rem + .75vw + .5vh)*1.5);
    background: #393f4d
}

#main div.journal ul li {
    font-size: 90%;
    width: 100%;
    list-style: none
}

#main div.journal ul li:before {
    content: "\2767";
    position: relative;
    left: -.5em
}

#main div.journal h1 {
    color: #fff;
    font-weight: 700;
    font-style: italic
}

#main #div1,
#main #div2,
.num_typed {
    max-height: 0;
    height: intrinsic;
    height: -moz-fit-content;
    height: -webkit-fit-content
}

.XXXXcontent,
.main_options,
.num_typed {
    padding: .5em 0;
    display: none
}

.XXXXcontent,
.main_options {
    height: 0;
    max-height: 0;
    overflow: hidden!important
}

#main .main_options {
    padding-right: 4em
}

#main .main_options,
.XXXXcontent {
    will-change: max-height;
    -webkit-transition-property: max-height;
    -o-transition-property: max-height;
    -moz-transition-property: max-height;
    transition-property: max-height;
    -webkit-transition-duration: 10s;
    -o-transition-duration: 10s;
    -moz-transition-duration: 10s;
    transition-duration: 10s;
    -webkit-transition-timing-function: steps(30, start);
    -o-transition-timing-function: steps(30, start);
    -moz-transition-timing-function: steps(30, start);
    transition-timing-function: steps(30, start)
}

.main_options {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: justify;
    -webkit-align-content: space-between;
    align-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: auto;
    -webkit-flex-basis: auto;
    flex-basis: auto;
    margin-left: 2em;
    overflow: visible
}

.noclick {
    pointer-events: none
}

.header {
    height: 1.5rem;
    vertical-align: middle;
    font-weight: 700
}

.header>span {
    width: 50%;
    display: inline;
    margin: 0
}

#header-l {
    text-align: left
}

#header-r {
    text-align: right
}

span.not_clicked {
    display: inline-block;
    will-change: border, background-color;
    -webkit-animation: click-new 1s steps(5) infinite;
    -moz-animation: click-new 1s steps(5) infinite;
    -o-animation: click-new 1s steps(5) infinite;
    animation: click-new 1s steps(5) infinite;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    -o-animation-direction: alternate;
    animation-direction: alternate;
    background-color: #22e155
}

span.not_clicked:active,
span.not_clicked:hover {
    border: 1px dotted #2f5;
    display: inline-block!important;
    background-color: #22e155!important;
    -webkit-animation: none!important;
    -moz-animation: none!important;
    -o-animation: none!important;
    animation: none!important;
    color: #3b5730!important
}

span.line {
    display: inline-block;
    pointer-events: all;
    padding: .2em
}

span.line:active,
span.line:hover {
    display: inline-block;
    background-color: #111;
    color: #ccc;
    cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.8' height='25.7'%3E%3Cpath d='M29 19.8c-.2-.1-.4-.2-.6-.4.3-.7.5-1.5.5-2.3 0-2.9-2.2-5.4-5.1-5.7v-1h-1.2v.9c-2.9.3-5.2 2.7-5.2 5.7 0 .8.2 1.6.5 2.3-.2.1-.4.2-.5.3l-.2.1.6 1 .2-.1s.2-.1.5-.3c1 1.4 2.7 2.4 4.6 2.4 1.9 0 3.6-1 4.7-2.4.4.2.6.4.6.4l.2.1.6-1H29zm-5.9 1.4c-1.3 0-2.4-.6-3.2-1.6.2-.1.4-.2.5-.3l.6-.3.1.1.2.3.1.1h.1c.1 0 .2-.1.3-.2 0 0 .1-.2.2-.3.1-.1.1-.2.2-.3.1-.1.4-.6.5-.7l.4-.6c.1-.1.1-.1.1-.2v-.1H23c-.1-.1-.2-.1-.2-.1H21.9h-.6-.8c-.3 0-.5 0-.5.3 0 .1 0 .1.2.5l.1.1c-.2.1-.6.4-1.1.6-.2-.5-.3-1-.3-1.5 0-2.1 1.6-3.8 3.6-4v1.2h-.1c-.5 0-.5 0-.6.1l-.1.1v.1l.6 1.1.4.7c.2.5.2.5.4.5s.1 0 .4-.5l.4-.7.6-1.1v-.1l-.1-.1c-.1-.1-.1-.1-.6-.1h-.2V13c1.9.3 3.4 2 3.4 4 0 .5-.1 1-.3 1.4-.4-.2-.8-.5-1-.6 0 0 0-.1.1-.1l.2-.4c0-.2-.2-.3-.4-.3h-.1-.4-.4-.4-.4H23.6c-.1 0-.4-.1-.5 0l-.1.1v.1c0 .1 0 .1.6 1 .3.5.6.9.7 1 .1.2.2.3.3.3h.1l.1-.1.2-.4.1-.1c.1.1.4.2.6.3.1 0 .2.1.4.2-.5 1.2-1.6 1.8-3 1.8z'/%3E%3Cpath d='M31.9 18.8c-.2-.1-.3-.3-.3-.3v-.1c.1-.7.1-1.3 0-2.1-.2-1.6-.8-3.2-1.8-4.5-.7-.8-1.5-1.5-2.4-2.1-.3-.2-.7-.4-1-.5h-.1l-.2-.8-.2-.8h-5.6s-.1.4-.1.8c-.1.4-.1.8-.1.8s-.1 0-.1.1c-1.3.5-2.6 1.4-3.5 2.6-.9 1.2-1.6 2.6-1.8 4v.2s-.1.4-.1.7v.9c0 .2 0 .4.1.6v.2c-.1.1-.2.2-.3.2-.1.1-.1.1-.2.1-.1.1-.1.1-.5.4-.2.1-.3.3-.3.3l.2.4c.1.2.8 1.3 1.4 2.4.6 1.1 1.2 2 1.2 2s.1 0 .2-.1c.1 0 .2-.1.4-.1.8-.3 1-.3 1-.3h.1c.2.1.5.4.8.6.4.3 1 .5 1.5.7 1.3.5 2.7.6 4 .5.7-.1 1.4-.3 2.1-.5.1 0 .2-.1.2-.1s.3-.1.6-.3c.4-.2.8-.5 1.2-.8l.2-.1h.1s.4.1.5.2c.1 0 .6.2.6.2h.1c.1 0 .1 0 .2.1h.1l2.8-4.8c-.1 0-.3-.2-1-.7zm-3.3 3.5l-.5-.1-.4.3c-.3.2-.6.4-.7.5-.1 0-.1.1-.1.1-.4.2-.8.5-1.2.6-.7.3-1.4.4-2.2.5h-.8c-1-.1-1.9-.3-2.7-.7-.4-.2-.9-.5-1.2-.8-.1 0-.3-.2-.3-.2l-.5-.4-.5.2c-.2.1-.4.2-.7.2-.4-.7-1-1.7-1.6-2.7l.6-.5.4-.3-.1-.5c0-.3-.1-.7-.1-.8v-.4c0-.4 0-.8.1-1.2.3-2 1.4-3.7 3.1-4.8.3-.2 1.2-.6 1.7-.8l.5-.2.1-.5.1-.8h3.2l.1.7.1.5.5.2c.4.2.9.4 1.1.5.8.5 1.5 1 2.1 1.7.9 1.1 1.4 2.4 1.5 3.9v1.1c0 .2-.1.6-.1.9l-.1.6.4.3.5.5-1.6 2.7-.7-.3zm-5.8 2.9h0zm.3 0h-.2.4-.2zm.4 0h.2-.2zM3.693 7.227l2.871-4.094 9.989 7.007-2.872 4.093z'/%3E%3Cpath d='M8 1.5C5.9 0 3 .5 1.5 2.6s-1 5.1 1.1 6.5 5.1 1 6.5-1.1 1-5-1.1-6.5z' fill='%23fff'/%3E%3Cpath d='M8.4 1c2.4 1.7 3 5 1.3 7.4-1.7 2.4-5 3-7.4 1.3C-.1 8-.7 4.7 1 2.3 2.6-.1 6-.7 8.4 1c2.4 1.6-2.4-1.7 0 0zM3 8.7c1.8 1.3 4.4.8 5.7-1 1.3-1.8.8-4.4-1-5.7C5.8.7 3.3 1.1 2 3 .7 4.8 1.1 7.4 3 8.7c1.8 1.2-1.9-1.3 0 0z'/%3E%3C/svg%3E"), pointer
}

.still,
.still~span {
    font-size: 1.25em;
    position: relative;
    left: -webkit-calc(50% - 3.3em);
    left: -moz-calc(50% - 3.3em);
    left: calc(50% - 3.3em);
    width: intrinsic;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    height: auto;
    margin: auto .15em;
    display: inline-block;
    vertical-align: center
}

.loading {
    will-change: -webkit-transform, -moz-transform, -o-transform, transform;
    -webkit-animation: rotating 1s steps(12, start) infinite;
    -moz-animation: rotating 1s steps(12, start) infinite;
    -o-animation: rotating 1s steps(12, start) infinite;
    animation: rotating 1s steps(12, start) infinite
}

.new:before {
    content: "novo \21d2";
    font-size: .5em!important;
    text-transform: uppercase;
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
    color: #286a28;
    margin: 0 -.5em 0 0;
    padding: 0 0 0 .5em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    line-height: 2;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
    font-weight: 700;
    position: relative;
    z-index: 1
}

.new {
    background: rgba(34, 225, 85, .25)
}

.glow,
.scanlines {
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
    pointer-events: none
}

.scanlines {
    background: -webkit-repeating-linear-gradient(top, transparent 0, transparent 1px, #fff 1px, #fff 2px);
    background: -moz-repeating-linear-gradient(top, transparent 0, transparent 1px, #fff 1px, #fff 2px);
    background: -o-repeating-linear-gradient(top, transparent 0, transparent 1px, #fff 1px, #fff 2px);
    background: repeating-linear-gradient(to bottom, transparent 0, transparent 1px, #fff 1px, #fff 2px);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    opacity: .1;
    position: absolute
}

.glow {
    background: -webkit-radial-gradient(center, circle, #d4d4d4 0, hsla(0, 0%, 83.1%, .88) 58%, hsla(0, 0%, 92.2%, .57) 80%, rgba(94, 94, 94, .27) 93%, hsla(0, 0%, 9%, 0) 100%);
    background: -o-radial-gradient(center, circle, #d4d4d4 0, hsla(0, 0%, 83.1%, .88) 58%, hsla(0, 0%, 92.2%, .57) 80%, rgba(94, 94, 94, .27) 93%, hsla(0, 0%, 9%, 0) 100%);
    background: -moz-radial-gradient(center, circle, #d4d4d4 0, hsla(0, 0%, 83.1%, .88) 58%, hsla(0, 0%, 92.2%, .57) 80%, rgba(94, 94, 94, .27) 93%, hsla(0, 0%, 9%, 0) 100%);
    background: radial-gradient(circle at center, #d4d4d4 0, hsla(0, 0%, 83.1%, .88) 58%, hsla(0, 0%, 92.2%, .57) 80%, rgba(94, 94, 94, .27) 93%, hsla(0, 0%, 9%, 0) 100%);
    opacity: .15;
    pointer-events: none;
    position: fixed
}

.glitch,
.glitch_2,
.glitch_3 {
    overflow: hidden;
    margin: 0 auto;
    will-change: -webkit-transform, -moz-transform, -o-transform, transform, clip-mask;
    -webkit-animation-name: glitch-anim-text;
    -moz-animation-name: glitch-anim-text;
    -o-animation-name: glitch-anim-text;
    animation-name: glitch-anim-text;
    -webkit-animation-duration: var(--time-anim);
    -moz-animation-duration: var(--time-anim);
    -o-animation-duration: var(--time-anim);
    animation-duration: var(--time-anim);
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.code {
    font-family: monospace;
    font-size: 1rem
}

.sub_footnote {
    position: relative;
    width: 1em;
    height: 1em;
    display: contents!important;
    vertical-align: super;
    font-size: 60%;
    font-weight: 700;
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
    color: #286a28;
    text-decoration: underline;
    z-index: 9999;
    clear: both!important;
    cursor: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.8' height='25.7'%3E%3Cpath d='M29 19.8c-.2-.1-.4-.2-.6-.4.3-.7.5-1.5.5-2.3 0-2.9-2.2-5.4-5.1-5.7v-1h-1.2v.9c-2.9.3-5.2 2.7-5.2 5.7 0 .8.2 1.6.5 2.3-.2.1-.4.2-.5.3l-.2.1.6 1 .2-.1s.2-.1.5-.3c1 1.4 2.7 2.4 4.6 2.4 1.9 0 3.6-1 4.7-2.4.4.2.6.4.6.4l.2.1.6-1H29zm-5.9 1.4c-1.3 0-2.4-.6-3.2-1.6.2-.1.4-.2.5-.3l.6-.3.1.1.2.3.1.1h.1c.1 0 .2-.1.3-.2 0 0 .1-.2.2-.3.1-.1.1-.2.2-.3.1-.1.4-.6.5-.7l.4-.6c.1-.1.1-.1.1-.2v-.1H23c-.1-.1-.2-.1-.2-.1H21.9h-.6-.8c-.3 0-.5 0-.5.3 0 .1 0 .1.2.5l.1.1c-.2.1-.6.4-1.1.6-.2-.5-.3-1-.3-1.5 0-2.1 1.6-3.8 3.6-4v1.2h-.1c-.5 0-.5 0-.6.1l-.1.1v.1l.6 1.1.4.7c.2.5.2.5.4.5s.1 0 .4-.5l.4-.7.6-1.1v-.1l-.1-.1c-.1-.1-.1-.1-.6-.1h-.2V13c1.9.3 3.4 2 3.4 4 0 .5-.1 1-.3 1.4-.4-.2-.8-.5-1-.6 0 0 0-.1.1-.1l.2-.4c0-.2-.2-.3-.4-.3h-.1-.4-.4-.4-.4H23.6c-.1 0-.4-.1-.5 0l-.1.1v.1c0 .1 0 .1.6 1 .3.5.6.9.7 1 .1.2.2.3.3.3h.1l.1-.1.2-.4.1-.1c.1.1.4.2.6.3.1 0 .2.1.4.2-.5 1.2-1.6 1.8-3 1.8z'/%3E%3Cpath d='M31.9 18.8c-.2-.1-.3-.3-.3-.3v-.1c.1-.7.1-1.3 0-2.1-.2-1.6-.8-3.2-1.8-4.5-.7-.8-1.5-1.5-2.4-2.1-.3-.2-.7-.4-1-.5h-.1l-.2-.8-.2-.8h-5.6s-.1.4-.1.8c-.1.4-.1.8-.1.8s-.1 0-.1.1c-1.3.5-2.6 1.4-3.5 2.6-.9 1.2-1.6 2.6-1.8 4v.2s-.1.4-.1.7v.9c0 .2 0 .4.1.6v.2c-.1.1-.2.2-.3.2-.1.1-.1.1-.2.1-.1.1-.1.1-.5.4-.2.1-.3.3-.3.3l.2.4c.1.2.8 1.3 1.4 2.4.6 1.1 1.2 2 1.2 2s.1 0 .2-.1c.1 0 .2-.1.4-.1.8-.3 1-.3 1-.3h.1c.2.1.5.4.8.6.4.3 1 .5 1.5.7 1.3.5 2.7.6 4 .5.7-.1 1.4-.3 2.1-.5.1 0 .2-.1.2-.1s.3-.1.6-.3c.4-.2.8-.5 1.2-.8l.2-.1h.1s.4.1.5.2c.1 0 .6.2.6.2h.1c.1 0 .1 0 .2.1h.1l2.8-4.8c-.1 0-.3-.2-1-.7zm-3.3 3.5l-.5-.1-.4.3c-.3.2-.6.4-.7.5-.1 0-.1.1-.1.1-.4.2-.8.5-1.2.6-.7.3-1.4.4-2.2.5h-.8c-1-.1-1.9-.3-2.7-.7-.4-.2-.9-.5-1.2-.8-.1 0-.3-.2-.3-.2l-.5-.4-.5.2c-.2.1-.4.2-.7.2-.4-.7-1-1.7-1.6-2.7l.6-.5.4-.3-.1-.5c0-.3-.1-.7-.1-.8v-.4c0-.4 0-.8.1-1.2.3-2 1.4-3.7 3.1-4.8.3-.2 1.2-.6 1.7-.8l.5-.2.1-.5.1-.8h3.2l.1.7.1.5.5.2c.4.2.9.4 1.1.5.8.5 1.5 1 2.1 1.7.9 1.1 1.4 2.4 1.5 3.9v1.1c0 .2-.1.6-.1.9l-.1.6.4.3.5.5-1.6 2.7-.7-.3zm-5.8 2.9h0zm.3 0h-.2.4-.2zm.4 0h.2-.2zM3.693 7.227l2.871-4.094 9.989 7.007-2.872 4.093z'/%3E%3Cpath d='M8 1.5C5.9 0 3 .5 1.5 2.6s-1 5.1 1.1 6.5 5.1 1 6.5-1.1 1-5-1.1-6.5z' fill='%23fff'/%3E%3Cpath d='M8.4 1c2.4 1.7 3 5 1.3 7.4-1.7 2.4-5 3-7.4 1.3C-.1 8-.7 4.7 1 2.3 2.6-.1 6-.7 8.4 1c2.4 1.6-2.4-1.7 0 0zM3 8.7c1.8 1.3 4.4.8 5.7-1 1.3-1.8.8-4.4-1-5.7C5.8.7 3.3 1.1 2 3 .7 4.8 1.1 7.4 3 8.7c1.8 1.2-1.9-1.3 0 0z'/%3E%3C/svg%3E"), pointer
}

.sub_footnote:hover+.footnote {
    display: inline-block;
    left: 10vw;
    bottom: 5vw;
    z-index: 9999;
    max-width: intrinsic;
    max-width: -moz-fit-content;
    max-width: -webkit-fit-content;
    width: 70vw;
    height: intrinsic;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    font-size: 100%;
    white-space: wrap;
    margin: 0 auto;
    opacity: 1;
    text-align: center
}

.footnote,
.sub_footnote:hover+.footnote {
    position: fixed;
    z-index: 9999;
    padding: .15em;
    background-color: #1e1e1e;
    color: #ccc;
    -webkit-border-radius: .15em;
    -moz-border-radius: .15em;
    border-radius: .15em
}

.footnote {
    float: left;
    display: none;
    opacity: 0;
    pointer-events: none!important;
    will-change: opacity;
    -webkit-transition: opacity .3s ease!important;
    -o-transition: opacity .3s ease!important;
    -moz-transition: opacity .3s ease!important;
    transition: opacity .3s ease!important
}

.XXXX {
    opacity: 0
}

.glitch_3>span.line {
    background: #c92b00;
    margin: 4px
}

.glitch_3>span.line:hover {
    -webkit-animation: warn-glow 2s infinite;
    -moz-animation: warn-glow 2s infinite;
    -o-animation: warn-glow 2s infinite;
    animation: warn-glow 2s infinite;
    background: -webkit-repeating-radial-gradient(200% 400%, farthest-corner, #b82700, #871d00 1rem, #b82700 0, #b82700 2rem);
    background: -o-repeating-radial-gradient(200% 400%, farthest-corner, #b82700, #871d00 1rem, #b82700 0, #b82700 2rem);
    background: -moz-repeating-radial-gradient(200% 400%, farthest-corner, #b82700, #871d00 1rem, #b82700 0, #b82700 2rem);
    background: repeating-radial-gradient(farthest-corner at 200% 400%, #b82700, #871d00 1rem, #b82700 0, #b82700 2rem);
    border: 4px double #871d00;
    margin: 0
}

video {
    width: 65vw
}

video::-webkit-media-controls {
    display: none
}

@media (max-width:700px) {
    * {
        font-size: 97%!important
    }
    #main article,
    #main div {
        max-width: 76vw
    }
    .log {
        margin: 1%;
        padding: 1%
    }
    .log,
    .log b,
    .log p,
    .log span {
        display: block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .log b,
    .log p,
    .log span {
        float: left;
        height: intrinsic;
        height: -moz-fit-content;
        height: -webkit-fit-content;
        width: 100%;
        padding: 0;
        margin: 0
    }
    .log>span:first-of-type>span:first-of-type {
        padding: 0;
        margin: 1em 0
    }
    .log>span:first-of-type>span:first-of-type>span>p {
        text-align: center
    }
    .log>span:first-of-type>span:nth-of-type(2) {
        padding: 0;
        margin: 1em 0
    }
    .log>span:first-of-type>span:nth-of-type(2)>span {
        padding: .75em 0 0
    }
    .block {
        display: block
    }
}