@import url(modules/module_default.css);
@import url(modules/module_navigation.css);
@import url(modules/module_header.css);
@import url(modules/module_footer.css);

    .project
    {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 5rem;
        padding: 2rem 15%;

        @media only screen and (max-width: 768px)
        {
            padding: 2rem 5%;
        }
    }

    .project:nth-child(even)
    {
        flex-wrap: wrap-reverse;
    }

        .project .box
        {
            flex: 1;
            min-width: 250px;
            padding: 2rem;
        }

            .project .box p
            {
                font-weight: 300;
                color: #333;
                margin-top: 1rem;
                font-size: 1.1rem;
                line-height: 1.6rem;
            }

            .project .box img
            {
                width: 100%;
                height: auto;
                box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
            }

            .project .box .buttons
            {
                display: flex;
                align-items: center;
                gap: 1rem;
                margin-top: 1rem;
            }