hayase n by kiyukiyume

/* ==UserStyle==
@name         hayase n
@version      20220323.00.28
@namespace    userstyles.world/user/kiyukiyume
@description  hayase nagatoro css anilist
@author       kiyukiyume
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://anilist.co/user/kiyume/") {
/* Imports */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* FONTS */

@font-face {
    font-family: 'Cookie Monster';
    src: url(https://swishilicous.github.io/CSS/cookiemonster.woff2) format('woff2');
}

@font-face {
    font-family: 'Satisfy';
    font-weight: 400;
    src: url(hhttps://swishilicous.github.io/CSS/satisfaction.woff2) format('woff2');
}

/* Colors */
:root,
.site-theme-dark,
.site-theme-contrast {
    --color-background: 173,79,56 !important;
    --color-foreground: 173,79,56 !important;
    --color-foreground-grey: 173,79,56 !important;
    --color-foreground-grey-dark: 173,79,56 !important;
    --cp-accent-color: 173,79,56 !important;
    --cp-accent-color-dim: 250,197,13 !important;
    --color-blue: rgb(var(--nagatoro-color-2))!important;
    /* General Settings */
    --color-blue: rgb(var(--nagatoro-color-2))!important;
  --color-blue-dim: var(--cp-accent-color-dim) !important;
  --tr: 0, 0, 0, 0.15 !important;
  --pointer: url(https://files.catbox.moe/yvb75a.png) 10 10, move !important;
  --hokaze-br: 10px; /* Global Border Radius */
  --hokaze-pv: 30px; /* Vertical Content Padding */
  --hokaze-ph: 30px; /* Horizontal Content Padding */
  --hokaze-bt: 0.1;  /* Content Background Transparency*/
  --hokaze-nr: 30px; /* Navbar Border Radius */
  --hokaze-nl: 80%;  /* Navbar Length */
  --hokaze-sb: 4px;  /* Scrollbar Width */
  --hokaze-vo: 0.7;  /* Opacity For Various Elements */
  --hokaze-vs: 0.975;  /* Scale For Various Elements */
  --hokaze-vb: 2px;  /* Various Avatar Border Thickness */
  --hokaze-sr: 4px;  /* Social Page Border Thickness */
  --hokaze-fr: 30px; /* Footer Border Radius */
  --hokaze-fl: 85%;  /* Footer Length */
  --hokaze-bl: 4px;  /* Background 'Window' Blur Amount */
  --hokaze-rs: 1.025; /* Scaling For Load More Button And Activity Input */
  --hokaze-gs: var(--nagatoro-color-1);    /* Stats Wrap Gradient Start Color */
  --hokaze-ge: var(--nagatoro-color-2);    /* Stats Wrap Gradient End Color */
  --hokaze-vt: all 0.5s ease-in-out; /* Transition For Various Elements */
  --hokaze-li: initial; /* Anilist Logo Source */ 
  --hokaze-lb: 0px;     /* Anilist Logo Border Thickness */
  --hokaze-lr: 0px;     /* Anilist Logo Border Radius */
  --hokaze-ls: 1.2;     /* Anilist Logo Hover Scaling */
  --color-footer-background: 0, 0, 0;
  --cp-accent-color: 173,79,56 !important;
  --cp-accent-color-dim: 250,197,13 !important;
  --color-text-lighter: 225,225,225 !important;
  --nagatoro-color-1: 173,79,56 !important;
  --nagatoro-color-2: 250,197,132 !important;
  --nagatoro-color-3: 102,62,49 !important;
  --color-blue: rgb(var(--nagatoro-color-2))!important;
  --color-blue-light: 165,189,201 !important;
  --color-white: 255, 255, 255 !important;
  --color-black: 22, 19 ,19 !important;
  --color-black-grey: 54, 45, 45 !important;
  --color-yellow: 125, 71, 158 !important;
  --color-text: 255,255,255 !important;
  --color-foreground: 173, 79, 56 !important;
 --hokaze-bs: rgba(0, 0, 0, 0.07) 0px 1px 2px, /* Box Shadow */
               rgba(0, 0, 0, 0.07) 0px 2px 4px,
               rgba(0, 0, 0, 0.07) 0px 4px 8px,
               rgba(0, 0, 0, 0.07) 0px 8px 16px;
  --hokaze-ns: rgba(0, 0, 0, 0.07) 0px 1px 2px, /* Box Shadow For Navbar */
               rgba(0, 0, 0, 0.07) 0px 2px 4px;
    --m-a-f: 0.5s;
    --spotfy-url-profile: url('https://spotify-github-profile.vercel.app/api/view?uid=315e5jykk64wsexpiv72l5bzlqia&cover_image=true&theme=natemoo-re&bar_color=fac584&bar_color_cover=false');
    --spotfy-bacground-color: rgb(var(--nagatoro-color-1));
    --spotfy-logo-color: rgb(var(--color-nagatoro-color-3));
    --spotfy-border: 2px solid rgb(var(--nagatoro-color-2));
    --spotfy-font-title: 1.4rem; /*don't change the font size if you have the same as the original*/
    /* Untouched */
    --color-foreground-blue: 15,22,31;
    --color-foreground-blue-dark: 6,12,19;
    --color-text: 159,173,189;
    --color-text-light: 114,138,161;
    --color-text-lighter: 133,150,165;
    --color-shadow-blue: 0,5,15;
    --color-background-1200: 251,251,251;
    --color-background-1100: 240,243,246;
    --color-background-1000: 221,230,238;
    --color-background-900: 201,215,227;
    --color-background-800: 173,192,210;
    --color-background-700: 139,160,178;
    --color-background-600: 116,136,153;
    --color-background-500: 100,115,128;
    --color-background-400: 81,97,112;
    --color-background-300: 30,42,56;
    --color-background-100: 21,31,46;
    --color-background-200: 11,22,34;
    --color-gray-1200: 251,251,251;
    --color-gray-1100: 240,243,246;
    --color-gray-1000: 221,230,238;
    --color-gray-900: 201,215,227;
    --color-gray-800: 173,192,210;
    --color-gray-700: 139,160,178;
    --color-gray-600: 116,136,153;
    --color-gray-500: 100,115,128;
    --color-gray-400: 81,97,112;
    --color-gray-300: 30,42,56;
    --color-gray-100: 21,31,46;
    --color-gray-200: 11,22,34;
    /* Quick Maths - !DON'T TOUCH! */
  --hokaze-brt: var(--hokaze-br) var(--hokaze-br) 0 0;
  --hokaze-brb: 0 0 var(--hokaze-br) var(--hokaze-br);
  --hokaze-bra: var(--hokaze-br) var(--hokaze-br) var(--hokaze-br) var(--hokaze-br);
  --hokaze-pdh: var(--hokaze-pv) var(--hokaze-ph);
  --hokaze-maw: calc(1520px - 2 * ( 100px - var(--hokaze-ph)));
  --hokaze-abs: var(--hokaze-ab) solid rgb(var(--color-foreground));
  --hokaze-nbr: 0 0 var(--hokaze-nr) var(--hokaze-nr);
  --hokaze-nbl: calc((100% - var(--hokaze-nl)) / 2);
  --hokaze-fbr: var(--hokaze-fr) var(--hokaze-fr) 0 0;
  --hokaze-fbl: calc((100% - var(--hokaze-fl)) / 2);
  --hokaze-bch: calc(330px - 75px);
  --hokaze-bcc: calc(var(--hokaze-bch) / 2);
  --hokaze-bctc: calc(var(--hokaze-bcc) - 36px / 2 );
  --hokaze-vab: var(--hokaze-vb) solid rgb(var(--color-pink-light));  
  --hokaze-sab: var(--hokaze-sr) solid rgb(var(--color-background));
  --hokaze-lob: var(--hokaze-lb) solid rgb(var(--color-blue));
}

/* Adds Background Image */
body {
    background-image: url("https://files.catbox.moe/zb0jw5.jpg");
    background-position: 50% 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Makes Bio Longer */
.about > .content-wrap {
  transform: scale(1) !important;
  max-height: none !important;
}
#app .orange {
    --color-blue: 250,197,132;
}

/* Removes Banner */
.banner {
  visibility: hidden;
}
.banner > .container {
  visibility: visible;
  justify-content: center;
}

/* Changes Cursor */
* {
    cursor: url(https://files.catbox.moe/hxn4z8.png), auto;
}
a[href],
input[type='submit'],
input[type='image'],
label[for],
select,
button,
.pointer {
    cursor: url(https://files.catbox.moe/sr0ii2.png), auto;
}
a,
a:link img {
    cursor: url(https://files.catbox.moe/hxn4z8.png), auto !important;
}


/* Fonts */
.name[data-v-5445dac8],
.stats-wrap[data-v-2cf72664] {
    font-family: 'Cookie Monster';
}

h3.section-name,
.link[data-v-4fbac4e1],
.value[data-v-815ccddc],
.label[data-v-815ccddc],
.milestone[data-v-815ccddc] {
    font-family: 'Satisfy';
}

.nav.container[data-v-5445dac8] {
    font-family: 'Satisfy';
    font-size: 1.5rem;
}

.group-header[data-v-310d8b7e],
.group-header[data-v-1e00b9da] {
    font-family: 'Satisfy';
    font-weight: 400;
    font-size: 1.5rem;
}

.section-header[data-v-45543a61],
.section-header[data-v-93c5960c],
.section-header[data-v-514856af]::before,
.section-header[data-v-09492909]::before {
    font-family: 'Satisfy';
    font-weight: 400;
    font-size: 1.8rem;
}

.title,
.score,
.format,
.progress,
[data-v-310d8b7e],
[data-v-1e00b9da],
div.filter-group > span.active,
.router-link-exact-active .router-link-active {
    font-family: 'Overpass';
    font-size: 1.35rem;
}

div.actions > div.nav-btn > [data-v-5445dac8] {
    font-family: 'Comic Sans MS';
    font-weight: 600;
}

.status,
.button,
.nav-btn,
.markdown,
.list-wrap,
.milestone,
.markdown a,
.section-name,
.group-header,
.filter-group,
.list-head.row,
.hohExtraFilters,
.el-input__inner,
.el-textarea__inner,
.name[data-v-5e514b1e],
.name[data-v-5a191921],
.title[data-v-5e514b1e] a,
.stats-wrap[data-v-2cf72664],
.content-wrap[data-v-2cf72664],
div.filter-group > span.active[data-v-310d8b7e] {
    font-family: 'Overpass';
    font-weight: 600;
}

/* Content */
.section > .about .content-wrap {
    max-height: none !important;
    background: transparent;
    border-radius: 20px;
    backdrop-filter: blur(10px)!important;
}

/* Navbar */
#nav.nav {
  background: rgb(var(--nagatoro-color-2)) !important;
  color: rgb(var(--color-text)) !important;
  border-radius: var(--hokaze-nbr);
  left: var(--hokaze-nbl);
  width: var(--hokaze-nl);
  box-shadow: var(--hokaze-bs);
  line-height: 30px;
}
.hide, .nav.nav-unscoped {
  top: -60px !important;
}
.nav.nav-unscoped.transparent, .nav:hover {
  top: 0px !important;
}
#nav .wrap {
  box-shadow:none!important;
}
.link[data-v-4fbac4e1] {
  color: rbga(var(--color-text)) !important;
}
.links > .link:hover {
  color: rgb(var(--nagatoro-color-1)) !important;
}
.nav .router-link-active[data-v-1cc2919e] {
    color: rgb(var(--nagatoro-color-3)) !important;
}
.nav .link[data-v-1cc2919e] {
    color: rgb(var(--color-text));
    display: inline-block;
    margin: 0 10px;
    padding: 15px;
}
#nav .links > .browse-wrap {
    position: absolute;
    right: 0;
    visibility: hidden
}

/* AniList Logo */
.logo[data-v-4fbac4e1] {
    content: url(https://files.catbox.moe/cjv4mv.png);
    width: 55px;
    transform: scale(0.6);
    transition: 0.3s;
}
.logo[data-v-4fbac4e1]:hover {
    transform: scale(...