/* Sekcja: workers - pełny CSS sekcji (zapis zagnieżdżony). */

.workers {
    .inner {
        border: 1px solid var(--element1-color);
        background-color: rgba(var(--light-bg), 0.1);
        padding: 15px;
        height: 100%;

        .text {
            h3 {
                color: var(--element1-title);

                span {
                    color: var(--element1-highlighted-title);
                }
            }

            p {
                color: var(--element1-text);
            }

            p > a {
                color: var(--element1-link);

                &:hover {
                    color: var(--element1-link-hover);
                }
            }
        }
    }

    .one-worker {
        margin-bottom: 30px;
    }

    .workers-list {
        display: flex;
        flex-wrap: wrap;
    }

    .photo {
        display: flex;
        justify-content: center;
        align-items: center;

        img {
            max-width: 100%;
            border-radius: var(--image-border-radius);
        }
    }
}