EscapismKSH by syndric

/* ==UserStyle==
@name         EscapismKSH
@version      20220621.17.00
@namespace    userstyles.world/user/syndric
@description  EscapismCSS For Keymash

Install Nasalization to use font
https://www.1001fonts.com/nasalization-free-font.html
Install nasalization-rg.otf

Purple purple purple purple
keymash club
@author       syndric
@license      No License
==/UserStyle== */

@-moz-document domain("keymash.io") {
/*
Escapism CSS for Keymash

Install Nasalization to use font
https://www.1001fonts.com/nasalization-free-font.html
Install nasalization-rg.otf

Color List
116, 51, 249
180, 3, 244
*/

/* You can use the style below to change the game text font if you want to use a custom font installed. */

.match--mono, .font-mono, .font-sans {
    font-family: "Nasalization" !important; 
    font-weight: normal !important;
}
.match--letter {
    line-height: 1.5;
    letter-spacing: 0.15em !important; 
}

div {
    font-family: "Nasalization",-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: normal !important;
}

#nprogress .bar {
  background: rgb(116, 51, 249);
} 

#nprogress .spinner-icon {
  border-top-color: rgb(180, 3, 244);
  border-bottom-color: rgb(180, 3, 244);
  border-left-color: rgb(180, 3, 244);
} 

img[alt="Logo"] {
    width:0px;
    height:0px;
    background-image:url("https://raw.githubusercontent.com/Syndric/KeymashThemes/main/Escapism/misc/logo_text_escapism.svg")!important;
    padding: 0px 250px 55px 0px;
    background-size: 270px;
}

/* 

*/
body {
    background: url("https://www.dropbox.com/s/oy8qz7lwnwsnu1n/escapism.jpg?dl=1") top fixed !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    --tw-bg-opacity: 0.9 !important;
    background-color: rgba(24, 24, 27, var(--tw-bg-opacity)) !important;
}

.content-box {
    border-radius: 2rem;
    background-color: rgba(52,52,56,var(--tw-bg-opacity));
    --tw-bg-opacity: 0.5;    
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);
}

.bg-gray-825 {
    --tw-bg-opacity: 0.6;
    background-color: rgba(34,34,38,var(--tw-bg-opacity));
}

.bg-gray-800 {
    --tw-bg-opacity: 0.6;
    background-color: rgba(34,34,38,var(--tw-bg-opacity));
}

.bg-gray-775 {
    --tw-bg-opacity: 0.6;
    background-color: rgba(34,34,38,var(--tw-bg-opacity));
}

.bg-gray-750 {
    --tw-bg-opacity: 0.6;
    background-color: rgba(34,34,38,var(--tw-bg-opacity));
}

.bg-gray-700 {
    --tw-bg-opacity: 0.7;
    background-color: rgba(34,34,38,var(--tw-bg-opacity));
}


.border-gray-775 {
    --tw-border-opacity: 0;
    border-color: rgba(43,43,46,var(--tw-border-opacity));
}

img[alt*="social"] {
    opacity:0.6;
}

.text-orange-400 {
    --tw-text-opacity: 1;
    color: rgb(116, 51, 249);
}

.border-orange-400 {
    --tw-border-opacity: 1;
    border-color: rgba(116, 51, 249,var(--tw-border-opacity));
}

.bg-opacity-75 {
    --tw-bg-opacity: 0.75 !important;
}
.bg-orange-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(116, 51, 249,var(--tw-bg-opacity));
}

.hover\:border-orange-400:hover {
    --tw-border-opacity: 1;
    border-color: rgba(116, 51, 249,var(--tw-border-opacity));
}

.leaderboards--head, .leaderboards--row {
    --tw-border-opacity: 1;
    --tw-bg-opacity: 0.5;
    --tw-text-opacity: 0.5;
}

.leaderboards--head {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
    border-bottom-width: 2px;
    border-color: rgba(116, 51, 249,var(--tw-border-opacity));
    background-color: rgba(34,34,38,var(--tw-bg-opacity));
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: rgba(161,161,170,var(--tw-text-opacity));
}

.tracking-wider {
    letter-spacing: .05em;
    --tw-text-opacity: 1;
    color: rgb(180, 3, 244);
}

.pl-3 {
    --tw-text-opacity: 1;
    color: rgb(116, 51, 249);
}

.desktopNav-item:hover {
    --tw-bg-opacity: 0;
    background-color: rgba(43,43,46,var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(116, 51, 249,var(--tw-text-opacity));
}

.desktopNav-item.levelbar-active {
    --tw-bg-opacity: 0;
    background-color: rgba(52,52,56,var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(116, 51, 249,var(--tw-text-opacity));
}

.button.orange {
    --tw-bg-opacity: 1;
    background-color: rgba(116, 51, 249,var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(0,0,0,var(--tw-text-opacity));
}

div[style*="width: 1.5px;"] {
    background: rgb(116, 51, 249) !important;
}

.container-game, .container-smaller {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1024px;
    padding-left: 1rem;
    padding-right: 1rem;
}

div[class*="md:text-left"] {
    width: 50%;
}

div[class*="md:text-right"] {
    width: 50%;
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: rgba(161,161,170,var(--tw-text-opacity));
}

.pr-px {
    --tw-text-opacity: 1;
    color: rgba(161,161,170,var(--tw-text-opacity));
    font-family: "Nasalization", "Rockwell" !important;
    font-weight: normal !important;
}

.w-60 {
    width: 20rem;
}

.px-4 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.pb-6 {
    white-space: normal;
}

p[class*="block pt-2 text-sm"] {
    overflow: hidden;
    text-overflow: clip !important;
    white-space: nowrap;
}

.w-36 {
    width: 11rem;
}

.match--container {
    border-radius: 2rem;
    --tw-bg-opacity: 0.85;
}

.game--content--bar {
    border-radius: 2rem;
    --tw-bg-opacity: 0.9;
    margin-bottom: 1rem;
}

.rounded-t-2xl {
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
}

.rounded-b-2xl {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
}

.bg-red-600 {
    background-color: rgba(180,3,244,var(--tw-bg-opacity));
}

.border-orange-400 {
    --tw-border-opacity: 1;
    border-color: rgba(0, 185, 254,var(--tw-border-opacity));
}

/* putting this here in hopes that the search function hits it
keymash
keymash
keymash
*/
}