@import url(style.css);
@import url(faq.css);

/* ---- Resources ---- */
.resources-header {
    background: var(--gradient-green);
}

.image-grid a {
    text-decoration: none;
    color: var(--golden);
    display: block;
}

.image-grid a img {
    max-width: 100%;
}

.image-download {
    display: flex;
    padding: 0.75rem 0rem;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-primary);

    max-width: 100%;
    border-radius: 6.25rem;
    border: 1px solid var(--border-tertiary);
}

.slack-grid {
    display: flex;
    gap: 2.75rem;
    justify-items: start;
    flex-wrap: wrap;
}

.slack-image {
    width: 270px;
    height: 270px;
    border: 1px solid var(--border-primary);
}

#zoom {
    margin-top: 2.75rem;
}

.zoom-grid {
    display: flex;
    gap: 2.75rem;
    justify-items: start;
    flex-wrap: wrap;
}

.zoom-image {
    width: 384px;
    max-width: 100%;
    height: 216px;
    border: 1px solid var(--border-primary);
}