/* PRELIMINARY */

@import url('header.css');
@import url('footer.css');
@import url('projectsNav.css');
@import url('homePage.css');

:root {
    --desktop-primary-font-size: 3.5em;

    --navbar-color: rgb(231, 39, 33);
    --navbar-hover-color: rgb(202, 7, 0);
}

* {
    margin: 0;
    padding: 0;

    font-family: "Jersey 10", sans-serif;
    font-optical-sizing: auto;
}

main {
    display: flex;
    flex-direction: row;

    transition: all 0.3s ease-in-out;
}

/* BG image */

html {
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/bg.jpg');
    background-size: auto 100em;;
    background-position: center 20%;
}

@media screen and (max-width: 890px) {
    
    html {
        background-size: 100em;
        background-position: center 20%;
    }

    main {
        flex-direction: column;
    }
}