@font-face {
    font-family: "Alta_regular";
    src: url("/static/fonts/Alta_regular.otf");
}
@font-face {
    font-family: "Alta_caption";
    src: url("/static/fonts/Alta_caption.otf");
}
@font-face {
    font-family: "Alta_light";
    src: url("/static/fonts/Alta_light.otf");
}

html, body {
    background-color: #fcf8ea;
    font-family: "Helvetica Neue", Helvetica, Arial,  sans-serif;
    font-weight: 200;
    font-size: 20px;
    color: black;
    margin: 0;
    padding: 0;
}

#nav {
    background-color: #342c2b;
    height: 80px;
    justify-content: center;
    font-size: 24px;
    font-family: "Alta_light", sans-serif;
    letter-spacing: 2px;
    color: #fcf8ea;
}
#navlinks {
    height: 100%;
    justify-content: center;
    align-self: center;
    display: flex;
}

#rsvp_message {
    font-weight: 1000;
    color: #0c432f;
    margin-left: 50px;
    margin-right: 50px;
}

#center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.nobr {
    white-space: nowrap;
}

.navbar {
    display: flex;
    text-decoration: none;
    color: #fcf8ea;
    padding-left: 32px;
    padding-right: 32px;
}
.navbar:hover {
    background-color: #231b1a;
    transition: .2s;
}

.navbar_interior {
    align-self: center;
}