@font-face {
    font-family: "Josefin Sans";
    src: url('assets/Fonts/JosefinSans-VariableFont_wght.ttf');
}
@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro&display=swap');

html {
    height: fit-content;
}

body {
    scroll-behavior: smooth;
    background-repeat: no-repeat;
    background-position: center top;
    font-family: "Josefin Sans";
    overflow-y: scroll;
    font-weight: 400;
    padding: 0;
    margin: 0;
}

#scrollStart {
    position: relative;
}

@media only screen and (min-width: 1000px) {
    body {
        height: 208vw;
        background-image: url("./assets/artfillweb_homepage_desktop.png");
        background-size: cover;
        scroll-margin-top: 200vw;
    }
    #scrollStart {
        top: 60vw;
    }
}

@media only screen and (max-width: 1000px) {
    body {
        height: 416vw;
        background-image: url("./assets/artfillweb_homepage_mobile.png");
        background-size: contain;
    }
    #scrollStart {
        top: 0vw;
    }
}