@font-face {
    font-family: "Aller";
    src: url("../fonts/Aller_Rg.woff") format("woff"),
         url("../fonts/Aller_Rg.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Aller";
    src: url("../fonts/Aller-Italic.woff") format("woff"),
         url("../fonts/Aller-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Aller";
    src: url("../fonts/Aller-Bold.woff") format("woff"),
         url("../fonts/Aller-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Aller";
    src: url("../fonts/Aller-BoldItalic.woff") format("woff"),
         url("../fonts/Aller-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

body {
    font-family: var(--maf-font-body);
    font-size: 18px;
    font-weight: var(--maf-font-weight-regular);
    line-height: 160%;
    color: #2d3f58;
    background-color: #e6e6e6;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 445.37 409.78'%3E%3Cpath fill='%23e1e1e1' d='M255.67,87.79c0,19.77-16.06,35.83-35.83,35.83s-35.83-16.06-35.83-35.83,16.06-35.83,35.83-35.83,35.83,16.06,35.83,35.83'/%3E%3Cpath fill='%23e1e1e1' d='M159.86,138.76c0,19.77-16.06,35.83-35.83,35.83s-35.83-16.06-35.83-35.83,16.06-35.83,35.83-35.83c20.08,0,35.83,16.06,35.83,35.83'/%3E%3Cpath fill='%23e1e1e1' d='M351.82,138.76c0,19.77-16.06,35.83-35.83,35.83s-35.83-16.06-35.83-35.83,16.06-35.83,35.83-35.83c19.77,0,35.83,16.06,35.83,35.83'/%3E%3Cpath fill='%23e1e1e1' d='M88.36,270.5c0-.2.01-.39.01-.59h-.04v-50.3h.07c.27-19.3,16.07-35.17,35.66-35.17s35.68,15.91,35.68,35.68c0,.66-.02,1.32-.06,1.98v47.27c.01.38.03.76.03,1.14,0,19.53-15.91,35.44-35.68,35.68-19.77,0-35.68-15.91-35.68-35.68Z'/%3E%3Cpath fill='%23e1e1e1' d='M280.31,270.5c0-.2.01-.39.01-.59h-.04v-50.3h.07c.27-19.3,16.07-35.17,35.66-35.17s35.68,15.91,35.68,35.68c0,.66-.02,1.32-.06,1.98v47.27c.01.38.03.76.03,1.14,0,19.53-15.91,35.44-35.68,35.68-19.77,0-35.68-15.91-35.68-35.68Z'/%3E%3Cpath fill='%23e1e1e1' d='M255.67,190.96c0,19.77-16.06,35.83-35.83,35.83s-35.83-16.06-35.83-35.83,16.06-35.83,35.83-35.83,35.83,16.37,35.83,35.83'/%3E%3Cpath fill='%23e1e1e1' d='M184.16,322.4c0-.2.01-.39.01-.59h-.04v-50.3h.07c.27-19.3,16.07-35.17,35.66-35.17s35.68,15.91,35.68,35.68c0,.66-.02,1.32-.06,1.98v47.27c.01.38.03.76.03,1.14,0,19.53-15.91,35.44-35.68,35.68-19.77,0-35.68-15.91-35.68-35.68Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right -15vw bottom -10vw;
    background-size: 60vw;
    background-attachment: fixed;
    min-height: 100vh;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--maf-font-display);
    font-weight: var(--maf-font-weight-bold);
    line-height: 140%;
    color: #2d3f58;
    letter-spacing: 0.01em;
}

h1 { font-size: var(--maf-font-size-3xl); }
h2 { font-size: var(--maf-font-size-2xl); }
h3 { font-size: var(--maf-font-size-xl); }
h4 { font-size: var(--maf-font-size-lg); }

p {
    line-height: var(--maf-line-height-normal);
    margin-bottom: var(--maf-space-4);
}

a {
    color: var(--maf-color-info);
    transition: color var(--maf-duration-fast) var(--maf-easing-standard);
}

a:hover {
    color: var(--maf-color-primary);
}

a:focus-visible {
    outline: 2px solid var(--maf-color-info);
    outline-offset: 2px;
    border-radius: var(--maf-radius-sm);
}

/* Layout */

.maf-header {
    /* Reserved for nav component */
}

.maf-main {
    max-width: 1260px;
    margin: 0 auto;
    padding: 84px 30px 40px;
    min-height: 100vh;
    transition: padding-top 300ms var(--maf-easing-enter);
}

body.maf-banner-open .maf-main {
    padding-top: 124px;
}

@media (max-width: 1024px) {
    body {
        font-size: 15px;
    }

    .maf-main {
        padding: 84px 20px 40px;
    }

    body.maf-banner-open .maf-main {
        padding-top: 124px;
    }
}

.maf-footer {
    color: var(--maf-color-text-subtle);
    padding: var(--maf-space-4) var(--maf-space-6);
    font-size: var(--maf-font-size-sm);
}

.maf-footer:empty {
    display: none;
}

/* Utilities */

.maf-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}