@import url(vars.css);
@import url(reset.css);
@import url(components/body.css);
@import url(components/container.css);
@import url(components/nav.css);
@import url(components/header.css);
@import url(components/anchor.css);
@import url(components/button.css);
@import url(components/section.css);
@import url(components/main.css);
@import url(components/footer.css);
@import url(components/article.css);

html {
  scroll-behavior: smooth;
}

.memoji {
    width: 124px;
    height: 124px;
}

.memoji img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section#home {
    min-height: 312px;
}
    
section#home h2 {
    font-weight: 500;
}

section#projects {
    gap: 48px;
    padding: 0;
}

section#contact {
    flex-direction: column;
    gap: 24px;
    text-align: center;
}

@media (max-width: 991px) {
    section#home {
        flex-direction: column;
        text-align: center;
    }

    section#projects {
        gap: 24px;
    }
}