Custom AnilList styling

anilist.css

/* https://anilist.co/user/relevantcroissant/ */

/* Fixes the site not using proper colors */
* {
    scrollbar-color: rgb(var(--color-red)) rgba(0, 0, 0, 0);
}

.hamburger svg {
    color: rgb(var(--color-red)) !important;
}

/* Page background */
/* Image source: https://www.pinterest.com/pin/24488391703854345/ */
.user-page-unscoped {
    position: relative;
    min-height: 100vh;
}

.user-page-unscoped::after {
    content: "";
    background-attachment: fixed;
    background-size: cover;
    /* background-image: url("https://i.pinimg.com/originals/76/aa/24/76aa24bf1e433a13444c18c5df7b839b.gif"); */
    background-image: url("https://i.odstrani.se/personal/anilist/v3/background.jpg");
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;   
}

/* Replaces the nav logo with a cute Mirai */
/* Image source: https://weheartit.com/entry/291868417 */
/* #nav .wrap > .logo img {
    content: url("https://data.whicdn.com/images/291868417/original.jpg");
    border-radius: 100%;
} */

/* Navigation */
.nav:nth-child(1).container {
    padding: 7px 0;
}

.nav:nth-child(1) .link {
    padding: 7px !important;
    border-radius: 4px;
}

.nav:nth-child(1) .link:hover {
    background-color: rgba(var(--color-blue), .1);
}

.nav:nth-child(1) .router-link-active:hover,
.nav:nth-child(1) .router-link-active {
    background-color: rgb(var(--color-blue), .3);
}

/* Giving section titles a cute glowing # prefix */
.el-dropdown {
    margin-left: auto;
}

/* Needs a background because otherwise text is hardly visible on the custom background */
.section-header {
    padding: 10px;
    display: flex;
    align-items: center;
    border-radius: 4px;
}

.section-header::before {
    content: '#';
    padding-right: 10px;
    color: rgba(var(--color-blue-dim),.7);
    text-shadow: 
        0px 0px 0 rgba(var(--color-blue-dim),.7), 
        0px 0px 4px rgba(var(--color-blue-dim),.7),
        0px 0px 8px rgba(var(--color-blue-dim),.7), 
        0px 0px 16px rgba(var(--color-blue-dim),.7);
}

.user-follow .follow-card {
    border-radius: 100%;
    overflow: hidden;
}

/* Fixes the lack of a visible gap between certain elements */
.stats-wrap {
    gap: 20px;
}

.scroller {
    padding: 10px 0;
}

.load-more {
    margin: 0px !important;
}

/* Makes everything semi-transparent */
.el-textarea {
    background-color: unset !important;
}

.section-header,
.markdown-editor,
.el-textarea__inner,
.content-wrap,
.wrap,
.reply {
    background-color: rgba(var(--color-foreground), .85) !important;
}

.wrap,
.footer {
    margin-top: 0px !important;
}

/* Fixes values that were broken by changes above */
#nav .wrap,
.highlight .wrap,
.user-social .wrap {
    background-color: unset !important;
}