Nezzera Theme for ItteBlox by spiffy

/* ==UserStyle==
@name           Nezzera
@namespace      github.com/openstyles/stylus
@version        1.1.1
@description    spiffys enhanced dark theme
@author         spiffy8943
==/UserStyle== */

@-moz-document domain("blox.vacban.zip") {
    .bg-transparent {
        background: linear-gradient(15deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.07) 50%, rgba(255, 255, 255, 0.02) 50%, rgba(255, 255, 255, 0.07) 100%);
        border-radius: 0.3rem;
        filter: drop-shadow(2px 4px 3px #000000);
    }
    
    .nav-main:where(.dark, .dark *) {
        background: linear-gradient(0deg, rgb(22, 22, 23) 0%, rgb(39, 41, 47) 50%, rgb(44, 46, 51) 50%, rgb(73, 73, 77) 100%);
    }
    
    .nav-secondary:where(.dark, .dark *) {
        background: linear-gradient(0deg, rgb(16, 16, 17) 0%, rgb(23, 24, 26) 50%, rgb(27, 28, 30) 50%, rgb(30, 30, 34) 100%);
    }
    
    @font-face {
        font-family: 'mincho';
        src: url("/fonts/ms-pmincho-01.ttf") format("truetype");
    }
    
    body {
        font-family: 'mincho', sans-serif;
    }
    
    .font-sans {
        font-family: mincho,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    }
    
    body:where(.dark, .dark *) {
        background: linear-gradient(0deg, rgb(11, 11, 15) 9%, rgb(29, 29, 36) 90%);
        background-color: #1c1c1c;
    }
    
    .div-tile:where(.dark, .dark *) {
        background-color: rgba(0, 0, 0, 0.16);
        border-radius: 0.3rem;
    }
    
    .flex.w-fit, .flex.mb-2 {
        filter: drop-shadow(2px 2px 2px #00000059);
    }
    
    .text-purple-500 {
        color: rgb(147 197 253 / var(--tw-text-opacity));
    }
    
    .nav-link:where(.dark, .dark *), .border-b-purple-400, .hover\:border-b-purple-400:hover {
        border-bottom-color: rgb(147 197 253 / var(--tw-border-opacity));
    }
    
    .dark\:bg-red-400:where(.dark, .dark *) {
        background: linear-gradient(0deg, rgb(207, 106, 106) 0%, rgb(241, 137, 137) 50%, rgb(254, 147, 147) 50%, rgb(255, 153, 153) 100%);
        text-shadow: 1px 1px 2px #000000b2;
    }
    
    .bg-red-500 {
        background: linear-gradient(0deg, rgb(179, 46, 46) 0%, rgb(208, 109, 109) 50%, rgb(215, 134, 134) 50%, rgb(251, 108, 108) 100%);
    }
    
    .dark\:hover\:border-purple-400:hover:where(.dark, .dark *) {
        border-color: rgb(147, 197, 253);
    }
    
    .dark\:bg-purple-400:where(.dark, .dark *) {
        background: linear-gradient(0deg, rgb(106, 169, 207) 0%, rgb(137, 192, 241) 50%, rgb(147, 214, 254) 50%, rgb(153, 207, 255) 100%);
    text-shadow: 1px 1px 2px #000000b2;
    }
    
    .absolute.bottom-0.w-1\/2, .absolute.bottom-0.w-1\/3, .grid.grid-cols-5.gap-1.pr-6 {
        filter: hue-rotate(280deg);
    }
    
    .dark\:border-purple-400:where(.dark, .dark *) {
        border-color: rgb(147 197 253 / var(--tw-border-opacity));
    }
    
    .dark\:bg-gray-200:where(.dark, .dark *) {
        background: linear-gradient(0deg, rgb(196, 196, 196) 0%, rgb(198, 198, 198) 50%, rgb(213, 213, 213) 50%, rgb(221, 221, 221) 100%);
    }
     
    #feedInput {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.22) 0%, rgba(255, 255, 255, 0.03) 100%);
    }
    
    .text-2xl {
        font-size: 1.4rem;
    }

    .w-1\/8 {
        border-radius: 0.3rem;
        background-color: #00000021;
    }
    
    .w-2\/3 {
        object-fit: contain;
    }
    
    .w-16 {
        border-radius: 0.3rem;
    }
    
    .w-32 {
          border-radius: 0.3rem;
    }

    .w-full {
        border-radius: 0.3rem;
    }

    .w-full.cursor-pointer {
        border-radius: 5%;
    }
    
    #render {
        margin-top: 1rem;
    }
    
    .grid.grid-cols-5.gap-2.text-center {
        background-color: #00000021;
        border-radius: 0.3rem;
        padding-top: 0.5rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
        padding-left: 1rem;
    }
    
    .flex.relative {
        padding: 0.3rem;
        right: 0.3rem;
    }
    
    .p-2 {
        padding: .5rem;
        border-radius: 0.3rem;
        transition: background-color 0.1s linear;
    }
    
    .fa-solid, .fas {
        font-weight: 500;
    }
    
    .py-\[0\.125rem\] {
        width: 10rem;
    }
    
    .dark\:bg-zinc-800:where(.dark, .dark *) {
        background-color: rgba(0, 0, 0, 0.2);
        backdrop-filter: blur(15px);
        border-radius: 0.3rem;
        border-color: #2d2d2d;
        padding: 1rem;
    }
    
    .dark\:hover\:border-b-purple-400:hover:where(.dark, .dark *) {
        border-bottom-color: rgb(147 197 253 / var(--tw-border-opacity));
    }
}

@-moz-document url-prefix("https://blox.vacban.zip/avatar") {
    .container.w-4\/5.p-4 {
        width: 70rem;
    }
    
    .w-32 {
        width: 6.7rem;
    }
    
    .h-32 {
        height: 7rem;
    }
    
    .w-16 {
        width: 3rem;
    }
    
    .h-16 {
        height: 3rem;
    }
    
    .aspect-square.border-black {
        border-radius: 2rem;
    }
}

@-moz-document url-prefix("https://blox.vacban.zip/catalog"), url-prefix("https://blox.vacban.zip/games"), url-prefix("https://blox.vacban.zip/user/") {
    .p-2 {
        transition: background-color 0.1s linear;
    }
    
    .p-2:hover {
        background-color: #00000021;
        transform: scale(1.05);
        transition: 0.1s cubic-bezier(.25,.46,.45,.94);
    }
    
    .p-2:not(:hover) {
        transition: 0.1s cubic-bezier(.25,.46,.45,.94);
    }
}

@-moz-document url-prefix("https://blox.vacban.zip/users"), url("https://blox.vacban.zip/groups") {
    .div-tile.w-2\/3 {
        width: 55rem;
    }
}

@-moz-document url-prefix("https://blox.vacban.zip/home"), url-prefix("https://blox.vacban.zip/user/") {
    .container.w-4\/5.p-4 {
        width: 75rem;
    }
}