/* Made by Szarkan https://wiki.catcraftmc.ru */

:root {
    --white: #dbdbdb;
    --black: #1b1821;
    --shade: #353535;
}

body, html {
    background-color: #1b1921 !important;
}

.product-card, .server-card {
    background: var(--black) !important;
    border: 2px solid var(--shade) !important;
}

.select-server-card {
    background: var(--black);
    border: 2px solid var(--shade) !important;
}

.form-control, .modal-content, .bg-soft {
    background-color: var(--black) !important;
}


input, .text-black .text-muted {
    border: 2px solid var(--shade) !important;
}

.text-black a:not(.btn), .text-black h1, .text-black h2, .text-black h3, .text-black h4, .text-black h6, .text-black .h1, .text-black .h2, .text-black .h3, .text-black .h4, .text-black .h5, .text-black .h6, .text-black .display-1, .text-black .display-2, .text-black .display-3, .text-black .display-4, .title, .category, .item-price, .item-title, .modal-title, .label, label, .input-group .form-control, .text-soft, .text-soft:hover, .text-black, .text-black:hover, h4, p, .text-black h5 {
    color: var(--white) !important;
}

h5.font-weight-bolder.mb-1.text-black[class="font-weight-bolder mb-1 text-black"] {
    color: var(--black) !important;
}

p.small.mb-0.text-uppercase.text-black[class="small mb-0 text-uppercase text-black"] {
    color: var(--black) !important;
}

.cart-cost {
    color: white !important;
}

.cart-item-actions {
    border: 2px solid var(--shade) !important;
}

.mr-1, .mx-1 {
    margin-right: 0.25rem !important;
    color: var(--white) !important;
    fill: var(--none) !important;
}


element.style {
}
.fh-300 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -42%);
}

.fh-300 {
    width: 1053px !important;
}
.fh-300 {
    height: 900px !important;
}
.rounded-lg {
    border-radius: 0.3rem !important;
}
img {
    max-width: 100%;
}
img {
    vertical-align: middle;
    border-style: none;
}
*, *::before, *::after {
    box-sizing: border-box;
}


element.style {
}
.server-name {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    color: #ffffff;
}
.navbar .navbar-nav .nav-link {
    font-size: 1rem;
    text-transform: normal;
    letter-spacing: 0;
    font-weight: 900;
    transition: all 0.8s cubic-bezier(0.34, 1.45, 0.7, 1);
}