joelgc.com/tanyahastur Theme on All Pages by lexiolvsu

/* ==UserStyle==
@name           joelgc.com/tanyahastur Theme on All Pages
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    i wanted this so i made it
@author         lexiolvsu
==/UserStyle== */
@-moz-document domain("https://joelgc.com") {
    .devLayout_cover {
        -webkit-animation: border 2.5s linear;
        animation: border 2.5s linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        background-image: url(https://joelgc.com/img/banner-web.gif);
        border-radius: 10px
    }
    .devBlurBackground {
        font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 21px
    }
    .devButtonBar {
        background: rgb(255 255 255/.1)
    }
    .devWindow-border {
        border: 0 solid!important
    }
    #devFigures {
        display: none
    }
    .devHr {
        -webkit-animation: rainbowLine 2.5s linear, border 2.5s linear!important;
        animation: rainbowLine 2.5s linear, border 2.5s linear!important;
        -webkit-animation-iteration-count: infinite!important;
        animation-iteration-count: infinite!important
    }
    .devBox {
        border: 1px solid #ffffff60
    }
    .fii .devBackground,
    .hollow .devBackground,
    .hollow devBlurBackground {
        color: #fff
    }
    @-webkit-keyframes border {
        0%,
        to {
            box-shadow: 0 0 10px 0 red
        }
        8% {
            box-shadow: 0 0 10px 0 #ff7f00
        }
        16% {
            box-shadow: 0 0 10px 0 #ff0
        }
        25% {
            box-shadow: 0 0 10px 0 #7fff00
        }
        33% {
            box-shadow: 0 0 10px 0 #0f0
        }
        41% {
            box-shadow: 0 0 10px 0 #00ff7f
        }
        50% {
            box-shadow: 0 0 10px 0 #0ff
        }
        58% {
            box-shadow: 0 0 10px 0 #007fff
        }
        66% {
            box-shadow: 0 0 10px 0 #00f
        }
        75% {
            box-shadow: 0 0 10px 0 #7f00ff
        }
        83% {
            box-shadow: 0 0 10px 0 #f0f
        }
        91% {
            box-shadow: 0 0 10px 0 #ff007f
        }
    }
    @keyframes border {
        0%,
        to {
            box-shadow: 0 0 10px 0 red
        }
        8% {
            box-shadow: 0 0 10px 0 #ff7f00
        }
        16% {
            box-shadow: 0 0 10px 0 #ff0
        }
        25% {
            box-shadow: 0 0 10px 0 #7fff00
        }
        33% {
            box-shadow: 0 0 10px 0 #0f0
        }
        41% {
            box-shadow: 0 0 10px 0 #00ff7f
        }
        50% {
            box-shadow: 0 0 10px 0 #0ff
        }
        58% {
            box-shadow: 0 0 10px 0 #007fff
        }
        66% {
            box-shadow: 0 0 10px 0 #00f
        }
        75% {
            box-shadow: 0 0 10px 0 #7f00ff
        }
        83% {
            box-shadow: 0 0 10px 0 #f0f
        }
        91% {
            box-shadow: 0 0 10px 0 #ff007f
        }
    }
}