@import "parts/reset.css";

@import "parts/alignment.css";
@import "parts/article.css";
@import "parts/breakpoints.css";
@import "parts/buttons.css";
@import "parts/colors.css";
@import "parts/experience.css";
@import "parts/footer.css";
@import "parts/forms.css";
@import "parts/header.css";
@import "parts/intro.css";
@import "parts/native.css";
@import "parts/lightbox.css";
@import "parts/sizing.css";
@import "parts/shapes.css";
@import "parts/skills.css";
@import "parts/splider.css";
@import "parts/swiper.css";
@import "parts/toggle.css";
@import "parts/typo.css";
@import "parts/utilities.css";
@import "parts/video.css";
@import "parts/zindex.css";


body {
    height: 100%;
    margin: 0;
    background: var(--gradient-brand);
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: var(--text-color);
}

/* body *{
    border: 1px solid rgba(255, 0, 0,0.5);
} */

.intro {
    background: var(--gradient-primary);
    min-height: 100vh;
}

hr{
    border: 1px solid var(--color-neutral-60);
}

.site-logo{
    margin-inline: auto;
    max-width: 175px;
    height: auto;
}

@media (max-width: 768px) {
    .site-logo{
        max-width: 110px;
    }
}

section {
    position: relative;
}