@font-face {
    font-family: 'sen';
    src: url('fonts/sen-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sen';
    src: url('fonts/sen-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

body {
    background: #ffe9b8;
    font-family: "sen", sans-serif;
}

.background {
    overflow: hidden;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    min-width: 100%;
    z-index: -9999;
    display: flex;
    justify-content: center;
}

@keyframes leafLoad-1 {
    from {
        margin-top: -1200px;
    }
    to {
        margin-top: -1800px;
    }
}


.leaf-1 {
    margin-top: -1200px;
    animation-name: leafLoad-1;
    animation-duration: 1.25s;
}


@keyframes leafLoad-2 {
    from {
        margin-top: -1000px;
    }
    to {
        margin-top: -2300px;
    }
}


.leaf-2 {
    margin-top: -1000px;
    animation-name: leafLoad-2;
    animation-delay: 150ms;
    animation-duration: 1.4s;
}

.background-leaf {
    position: absolute;
    min-width: 3840px;
    width: 100vb;
    margin-left: auto;
    margin-right: auto;
    animation-timing-function: cubic-bezier(.05,.62,.03,.96);
    animation-fill-mode: forwards;
}

.fader {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height:15vh;
    background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 60%, rgba(255, 255, 255, 0.9) 100%);
}

.logo {
    padding-top: 20vh;
}

.message {
    text-align: center;
}

h2 {
    margin-top: 15vh;
    color: #552200;
    font-size: 3em;
    font-weight: normal;
}