/* custom.css */

.preload {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.header-scl-box[data-gw-anime],
.header__content[data-gw-anime],
.header__btns[data-gw-anime] {
    opacity: 1 !important;
}

:root {
    --body-background-color-rgb: #120d10;
    --body-background-color: 18, 13, 16;
    --navigation-bg-rgb: #1c1216;
    --navigation-bg: 28, 18, 22;
    --color-light-rgb: #f0dfba;
    --color-light: 240, 223, 186;
    --color-accent-rgb: #d9b067;
    --color-accent: 217, 176, 103;
    --color-accent-hover-rgb: #f4d79a;
    --color-accent-hover: 244, 215, 154;
    --color-accent-2-rgb: #c64b4d;
    --color-accent-2: 198, 75, 77;
    --color-accent-2-hover-rgb: #e36c6e;
    --color-accent-2-hover: 227, 108, 110;
    --color-url-rgb: #f4d79a;
    --color-url: 244, 215, 154;
    --color-url-hover-rgb: #ffe7b8;
    --color-url-hover: 255, 231, 184;
    --table-heading-bg: #7e2430;
    --table-bg: #5b1720;
    --border-color: rgba(123, 68, 54, 0.55);
}

body {
    background-color: #120d10;
    background-image: url(../images/bg/bg-repeat.jpg);
}

.preload__progress {
    background: linear-gradient(90deg, #a3212c 0%, #d8b16a 100%);
}

.logo__img {
    width: min(18rem, 42vw);
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.42));
}

.preload__logo {
    width: min(10rem, 36vw);
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 0 0.9rem rgba(0, 0, 0, 0.42));
}

.header__title,
.heading__title,
.inform__title,
.title {
    text-shadow: 0 0 1.2rem rgba(163, 33, 44, 0.22);
}

.header__desc,
.heading__desc,
.inform__desc,
.community__title,
.footer__copyright {
    color: rgba(240, 223, 186, 0.82);
}

.button,
.btn,
.menu__item,
.point,
.social__title {
    letter-spacing: 0.04em;
}

.point_active,
.point_active:hover .point__name,
.menu__el:hover .menu__item,
.menu__item:hover,
.auth__btn:hover,
.back:hover {
    color: rgba(217, 176, 103, 1);
}

.social.decbox,
.community__forum.decbox,
.downloads__box,
.countdown__box {
    background-color: rgba(35, 18, 24, 0.84);
    border-color: rgba(156, 110, 72, 0.45);
    box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.24);
}

.navigation,
.menu,
.menu__sub-list {
    backdrop-filter: blur(0.5rem);
}