@font-face {
  font-family: "MeretPro";
  src:
    url("../fonts/meretpro/MeretPro-BlackItalic.woff2") format("woff2");
    font-weight: 800;
    font-style: italic;
}

@font-face {
  font-family: "NameSans";
  src:
    url("../fonts/namesans/ATNameSansVariable(Split)-Regular.woff2") format("woff2");
font-weight: 1 1000;
}

body {
    font-family: 'NameSans';
    font-weight: 350;
    -webkit-font-feature-settings: 'ss14', 'ss08';
            font-feature-settings: 'ss14', 'ss08';
    background-color: #F8F4F1;
    background-repeat: repeat;
    background-attachment: fixed;
    color: #541E61;
    height: 100%;
}
@media (max-width: 480px) {
    body {
        background-image: url(../assets/logo/background_mobile.png);
        background-position: -50px -40px;
        font-size: 1rem;
    }
}

@media (min-width: 481px) {
body {
    background-image: url(../assets/logo/background.png);
    background-position: -140px -70px;
    font-size: 1.25rem;
}
}




h1 {
    font-weight: 300;
    letter-spacing: 4%;
}


.header-title {
    font-family: 'MeretPro';
    font-weight: 800;
    font-style: italic;
}


#main {
}