@media screen and (max-width: 1000px) {
    .body {
        align-items: center;
    }

    .header__menu {
        display: none;
    }

    .home {
        flex-direction: column-reverse;
    }

    .home__title {
        text-align: center;
    }

    .project {
        flex-direction: column-reverse;
        gap: 20px;
        padding: 8%;
    }

    .project img {
        width: 18rem;
        padding: 0;
    }
}