@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    font-family: "Poppins", sans-serif;
}

a {
    text-decoration: none;
    transition: color 0.5s;
    cursor: pointer;
}

a:hover {
    color: white !important;
}

body {
    color: white;
    background: #15181E;
    overflow-y: auto;
}

button {
    border: none;
    cursor: pointer;
    transition: background-color 0.25s;
}

button:hover {
    background-color: #2a323f;
}

button.bg-accent:hover {
    background-color: #3e85f7 !important;
}

.stroke { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.25); }
.stroke-accent { box-shadow: 0 0 0 1px rgb(36, 115, 245); }
.shdw { box-shadow: 0 1px 0 black; }
.stroke-shdw {
  box-shadow:
    0 0 0 1px rgba(255, 255, 255, 0.25),
    0 3px 0 black;
}

.bg-1       { background: #111318; }
.bg-2       { background: #15181E; }
.bg-3       { background: #1A1D23; }
.bg-4       { background: #1E2229; }
.bg-pfp     { background: #15141E; }
.bg-btn     { background: #1F242E; }
.bg-accent  { background: #2473F5; }
.txt-accent {     color: #3B82F6;  }
.txt-dim    {     color: #808080;  }
.txt-light  {     color: #BFBFBF;  }

.unaffective {
    display: contents;
}

.loading {
    z-index: 100;
    background: #15141E;
}

.show-small {
    display: none;
}

@media (max-width: 1135px) {
    .hide-small {
        display: none;
    }

    .show-small {
        display: inline !important;
    }
}

@media (max-width: 790px) {
    .hide-smaller {
        display: none;
    }

    .fix-1 {
        margin-left: 12px !important;
        width: 32px !important;
    }

    .fix-2 {
        margin-top: -10px;
        background-image: none !important;
    }
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}