@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');

:root {
    --font_family: Fraunces, Georgia, serif;

    --background_color_dark: #eadac3;
    --background_color_light: #fff8ef;

    --font_color: #5d5135;
    --font_color_shadow: #5d51353b;

    --header_color: #43c8a1;
    --header_color_shadow: #43c8a147;

    --subheader_color: #80a197;
    --subheader_color_shadow: #80a19747;
}

body {
    font-family: Fraunces, Georgia, serif;
    font-size: 1.25rem;
    font-weight: 300;
    letter-spacing: -1px;

    user-select: none;

    width:  100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

.slide {
    height: 100vh;
    width: 100vw;
}

.noise {
    z-index: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: url("../img/noise2.gif");
    opacity: 0.03;
}

.footer {
    position: absolute;
    bottom: 3px;
    left: 3px;
    font-size: small;
    letter-spacing: 1px;
}