:root{--typographybackground:#fff;--audiobackground:#ff0;--youtubebackground:white;--codepenbackground:black;--soundcloudbackground:white;--reasonbackground:white;--bodybackground:black;--typecolor:white}html{height:100%}body{height:100%;padding:0;margin:0;font-family:'proxima-nova-extra-condensed';background-color:#000;background-color:var(--bodybackground);color:var(--typecolor);color:#fff}.fluid-type{font-size:14px}.fluid-type>*{max-width:60ch;line-height:1.35}@media screen and (min-width:320px){.fluid-type{font-size: calc(14px + 8 * ((100vw - 320px) / 960))}}@media screen and (min-width:1280px){.fluid-type{font-size:22px}}.typography{background-color:var(--typographybackground);display:flex;flex-direction:column;justify-content:center}.audio{background-color:var(--audiobackground)}.reason{background-color:var(--reasonbackground)}.youTube{background-color:var(--youtubebackground)}.soundcloud{background-color:var(--soundcloudbackground)}.codepen{background-color:var(--codepenbackground)}.youTubeBackgroundWrapper{position:absolute;z-index:-1;height:100vh;width:100vw;overflow:hidden}.youTube iframe{width:100%;height:80%;position:absolute;bottom:10%}.youTube .article-content label{position:absolute;top:0;left:0}.description{height:10vh;margin:auto}.player-wrapper{width:100%;height:80vh;text-align:center}.placeholder{width:200px;height:200px;background-image:paint(placeholder-box)}.radial-gradient{--gradient-divisor:1;width:200px;height:200px;border-top-color:rgba(255,0,0,.1);border-bottom-color:rgba(0,255,0,.1);background-image:paint(radial-gradient);animation:pulse-top-border .3s alternate infinite , pulse-bottom-border 3s alternate infinite , gradient-divisor 3s alternate infinite}.ripple{width:200px;height:200px;background-image:paint(hueRotateBackground)}@keyframes gradient-divisor{
    0% {
        --gradient-divisor: 1;
    }
    100%{
        --gradient-divisor: 10;
    }
}@keyframes pulse-top-border {
    0% {
        border-top-color: rgba(255, 0, 0, 0);
        border-bottom-width: 5px;
    }
    100% {
        border-top-color: rgba(255, 0, 0, 1);
        border-bottom-width: 100px;
    }
}@keyframes pulse-bottom-border {
    0% {
        border-bottom-color: rgba(0, 255, 0, 1);
    }
    100% {
        border-bottom-color: rgba(0, 255, 0, 0);
    }
}