Template:Main page/social/styles.css

.tg-mainpage-social {
    text-align: center;
}

.tg-mainpage-social:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(/w/images/thumb/e/ed/Gate_of_Durin_cropped.png/320px-Gate_of_Durin_cropped.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: var(--tg-opacity-pattern);
    filter: var(--filter-invert);
}

.tg-mainpage-social .tg-card-content {
    position: relative;
}

.tg-mainpage-social-discord {
    margin-top: 0.5rem;
}

.tg-button.tg-mainpage-social-discord > a {
    color: #fff !important;
    background: #5865F2 !important;
}

.tg-button.tg-mainpage-social-discord > a:hover {
    background: #8891f2 !important
}

.tg-button.tg-mainpage-social-discord > a:active {
    background: #3442d9 !important
}

.tg-mainpage-social-discord img {
    filter: invert(1);
}

.tg-mainpage-social .tg-section-divider {
    margin-top: 1rem;
}

.tg-mainpage-social-followus {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.tg-mainpage-social-followus img {
    filter: var(--filter-invert);
    opacity: 0.7;
}