body{

    font-family: 'Nunito', sans-serif;
    color: #fff2ca;
    background: #4eb565 ;
    animation: body 1s linear;
    min-height:4000px;
    font-weight:800;
    margin:0;
    letter-spacing: .1em;
    text-align:center;
}
.css-gif-container{
    position:relative;
}
.css-gif {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    animation: fadeAnimation 2s infinite;
}

.first-image {
    animation-delay: 0s;
}

.second-image {
    animation-delay: 1s; /* This delay is half of the animation duration */
}

@keyframes fadeAnimation {
    0%, 100% {
        opacity: 0;
        transform: rotate(50);
    }
    25%, 75% {
        opacity: 1;
        transform: rotate(0);
    }
}

.slab{
    font-family: 'Arvo', serif;
}
.hand{
    font-family: 'Nunito', sans-serif;
}
.sans{
    font-family: 'Nunito', sans-serif;
}
section{background: #fff1c8;color:#1d8c74;margin:0 auto;padding:40px;}
header {
    background: #fbb6d5;
    padding-top:10px;
}
nav{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    max-width: 900px;
    margin:auto;
    position:relative;
    padding:0 80px;
}
.two-up,.five-up{
    display:grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
    max-width:1200px;
    margin: 20px auto;
}
.join-us {
    background: #1d8c74;
}
.five-up{
        display: flex;
    flex-flow: row;
    justify-content: space-around;
}
.centered {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.timeline {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background-color: #fbb6d5;
    color:#fff1c8;
}
.time {
    margin-top: 20px;
}
.timeline h2{
    color:#f87940;
}
.timegroup {
    color: #1c8c74;
}
.timeline h3{
    color:#fff0c8;
    margin-bottom: -10px;
}
.timeline img {
    max-width: 70px;
    max-width: 10px auto;
}
.timeline div {
    max-width: 550px;
    margin:auto;
}
.btn {
    color: #f87940;
    font-size: 1.2em;
    text-transform: uppercase;
}
.menu{
    background-color: #1d8c74;
    color:#00c05d;
}

.menu h2{
    color:#fff1c8;
}

.menu h3{
    color:#fbb6d5;
}
.menu-list {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    max-width: 800px;
    margin: auto;
}
.menu-list div img, .goto-list img {
    max-width: 60px;
    margin: 10px auto;
}
.menu-list div {
    display: flex;
    flex-flow: column;
    max-width: 160px;
    margin: auto 50px;
}
button.sc-eqUAAy.giPJik.nindo-button.primary {
    background: #ffa5d0;
    color: #008c73;
}
.goto-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    max-width: 800px;
    margin: auto;
}
.goto-list ul{
    display: flex;
    flex-flow: column;
    padding-inline-start: 0;
}
.goto-list li{
    color:#00c05d;
}
.goto-list a{
    color:inherit;
    text-decoration:none;
}
.get-here .two-up p, .para {
    text-align: left;
    text-transform: none;
    letter-spacing: .8px;
}
.get-here img{
    max-width:90px;
    margin:auto;
}
.get-here a{
    color:inherit;
    text-decoration:none;
}
.get-here .two-up h2 {
    text-align: right;
    margin-right: 20px;
}
.get-here .two-up {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
    justify-content: center;
    max-width: 700px;
    margin: 20px auto;
}
.cn-form-ads {
    display: none !important;
}
h2.cn-form-title {
    color: #1c8c74!important;
    margin-bottom:0 !important;
}
.sc-iHmpnF.bpdItb.nindo-radio-group {
    flex-direction: row !important;
}
.pics{
    background-color: #00c05d;
    color:#fff1c8;
    padding: 40px 0;
}
.pics h2{
    color: #fff1c8;
}
.pics p {
    color:#1d8c74;
}
.pic-grid{
    display:flex;
    flex-flow:wrap;
    margin-bottom: 20px;
}
.pic-grid img{
    width:33.333%;
    margin:auto;
}
h1 {
font-size: 3rem;
font-weight: 900;
margin-bottom: 0;
line-height: 38px;
}
h2{
    margin:auto;
    font-size:1.6em;
    font-family:'Arvo',serif;
}
h3{
    font-size:1.2em;
    margin:auto;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 300;
}
p, li {
    text-transform: uppercase;
    font-weight: 100;
}
img {
    max-width:100%; 
    width:auto;
    display:block;
}
.commonninja_component .commonninja-ribbon {
    display: none !important;
    position: fixed !important;
    height: 1px !important;
    width: 1px !important;
    left: -10000px !important;
}
nav a{
    display: block;
    text-transform:uppercase;
    text-decoration:none;
    color: #4eb565;
    font-weight: 800;
    letter-spacing: 1px;
}
ul {
display: flex;
align-items: center;
}
li{
    list-style: none;
    display:flex;
    margin:auto 10px;
}
.red{
    color:#f87940
}
.pink{
    color:#f185b5;
}
.goto-list .bird,.goto-list .taco{
    max-width: 80px;
}
.rsvp{
    background: #00c05d;
    color:#fff1c8;
}
.rsvp img {
    max-width: 90%;
    margin: auto;
}
.straight{
    display:block;
    font-size:.7em;
}
.join-us h2{
    font-size:2em;
}
.little-c{
    font-weight:400;
    position: relative;
    top:-10px;
}
h2.red {
    margin-top: 5px;
}
h1 .red {
    line-height: .85em;
}
.donut-logo{
    position:absolute;
    left: -50px;
    height:60px;
    width:60px;
}
.plane{
    max-width:1200px;
    margin:auto;
    position:relative;
}
li img{max-width:120px;}

/* FORM */
.sc-gfoqjT.Ggqzn.cn-form {
    background: none !important;
    border: none !important;
}
label {
    text-transform: uppercase;
}
.menu-list div img.skinny, .goto-list img.skinny {
    max-width: 45px 
}
input.sc-jEACwC.eVeSWx.nindo-input {
    --fieldPlaceholder: #bad8d2;
}
@media screen and (max-width:800px) {
    section {
        padding: 40px 20px;
    }
    nav a {
        display: none;
    }
    .two-up, .five-up {
        grid-template-columns: 1fr;
    }
    .get-here .two-up h2 {
        margin-right: auto;
        margin-left: 0;
    }

    .get-here .two-up {
        grid-template-columns: 1fr;
        padding:0 10px;
    }
    .menu-list {
        display: flex;
        flex-flow: wrap;
        justify-content: space-around;
        padding-bottom:0;
    }

    .menu-list div {
        display: flex;
        flex-flow: column;
        max-width: 40%;
        margin: auto;
    }
    nav p{
        margin: 14px auto;
    }
    .five-up {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .css-gif-container {
        margin: 0 auto 20px;
    }
    .kOzceK .nindo-checkbox-group, .kOzceK .nindo-radio-group {
        color: var(--fieldLabel);
        font-weight: 300;
        flex-direction: row;
        gap: 10px;
        font-size: 14px;
    }
    .menu-start{
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .donut-logo {
        position: absolute;
        left: 20px;
        height: 60px;
        width: 60px;
        bottom: -30px;
    }
}

.nindo-select__option.css-10wo9uf-option {color:#1d8c74 !important;}
h2.cn-form-title::after {
    content: '';
    background-image: url(../img/paper-airplane.png);
    height: 120px;
    width: 140px;
    display: block;
    background-size: contain;
    margin: 30px auto 0;
    background-repeat: no-repeat;
}
.fHrJYS .post-submission .submitted-icon {
    fill: var(--lead);
    align-self: center;
    display: none;
}