/*!*
 * This file is part of the SplendidBear Websites' projects.
 *
 * Copyright (c) 2026 @ www.splendidbear.org
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

main {
    background: #07090d;
}

.tech-section {
    padding: 48px 20px 72px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.tech-label {
    font: 600 11px 'Rajdhani', sans-serif;
    text-transform: uppercase;
    letter-spacing: 6px;
    color: rgba(255, 255, 255, 0.14);
    margin-bottom: 28px;
}

.tech-link {
    display: inline-block;
    line-height: 0;
}

.tech-logos img {
    display: inline-block;
    width: 52px;
    height: 52px;
    object-fit: contain;
    margin: 8px 24px;
    // Force all logos to white, then tint with the game's blue on hover
    filter: brightness(0) invert(1) opacity(0.35);
    transition: filter 220ms ease, transform 220ms ease;
}

.tech-logos img:hover {
    filter:
        brightness(0) invert(1)
        sepia(1) saturate(3) hue-rotate(175deg) brightness(1.1)
        opacity(0.9);
    transform: translateY(-4px);
}

.tech-oss {
    margin-top: 36px;
    font: 400 15px 'Rajdhani', sans-serif;
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0.5px;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 24px;
    line-height: 1.7;
    text-align: center;

    i {
        color: rgba(220, 60, 50, 0.85);
        margin-right: 6px;
        font-size: 13px;
    }
}