.section-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

.section-icon {
    width: 15px;
    height: 15px;
    object-fit: contain;
    flex-shrink: 0;
}
.section-title::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("/static/images/icon.png") no-repeat center;
    background-size: contain;
    margin-right: 8px;
}
.logo-container {
    margin: 0;
}

.logo {
    width: 80px;
    height: 80px;
    object-fit: contain;
    display: block;
}
#discord a {
    color: #1a73e8; /* clean consistent blue */
    text-decoration: none;
}

#discord a:visited {
    color: #1a73e8;
}

#discord a:hover {
    color: #1a73e8;
    text-decoration: underline;
}

#discord a:active {
    color: #1a73e8;
}

/* LINKS */

a {
    color: #1a73e8;
    text-decoration: none;
}

a:visited {
    color: #1a73e8;
}

a:hover {
    color: #1a73e8;
    text-decoration: underline;
}

a:active {
    color: #1a73e8;
}

/* COLUMNS FOR THREE COLUMN SECTIONS */

@media (max-width: 768px) {
    .three-columns {
        flex-direction: column;
    }
}
.three-columns {
    display: flex;
    gap: 24px;
}

.three-columns > section {
    flex: 1;
}