
body {
 font-family: "Arial", sans-serif;
 margin: 0;
 padding: 0;
 color: #B99958;
 line-height: 1.6;
 background-color: #69F;
}

section {
background-color: #14B;
    color: #B99958;

    display: flex;
    flex-direction: column;
    justify-content: center;
    border:  solid .5em black;
    border-radius: 1em;
    padding: 1em;
    margin: 1em;

}

.section {
    background-color: #14B;
    color: #B99958;
 padding: 3em 8em;
 margin: 1em;
 border:  solid .5em black;
 border-radius: 1em;
}
.section-title {
 text-align: center;
}


header {
    background-color: #14B;
    color: #B99958;
    padding: 3em 8em;
    margin: 1em;
    border:  solid .5em black;
    border-radius: 1em;
     height: 62vh;
}

.masthead {
 background-size: cover;
 background-position: center;
 height: 15vh;
 background-color: rgba(20, 64, 255, 0.75);;
 color: #B99958;
 text-align: center;
 padding: 0 20px;
 display: flex;
 flex-direction: column;
 justify-content: center;
 border:  solid .5em black;
 border-radius: 1em;
}

.photo-piece {
 display: inline-block;
 width: 48%;
 margin-right: 2%;
 vertical-align: top;
}
.photo-piece:last-child {
 margin-right: 0;
}
.photo-piece h3(
 margin-top: 0;
}
.section-content {
 margin-top: 2em;
}
.btn(
 display: inline-block;
 background: #0e41b5;
 color: white;
 padding: 12px 30px;
 text-decoration: none;
 border-radius: 5px;
 font-weight: bold;
 margin-top: 20px;
}


#rsvp-btn {
    display: flex;
    justify-content: center;  /* Centers the table */
}

#rsvp-btn table {
    width: 100%;
    max-width: 800px;  /* Optional: limit table width */
}

#rsvp-btn td {
    padding: 20px;  /* Adjust as needed */
}

#rsvp-btn td:first-child {
    text-align: right;
}

#rsvp-btn td:last-child {
    text-align: left;
}

#btnrsvp01 {
    background: #0e41b5;
    color: white;
}



.hist {
  display: flex;
  flex-direction: column;
  color: red;
}

.elt-container {
  display: flex;
  justify-content: space-around; /* or use justify-content: space-between for equal spacing between elements */
}

 .eltx {
  flex-grow: 1; /* make all elts take up the available space */
  background-color: #f0f0f0  !important ; /* Example color */
  color:  black !important;
  border:solid;
}
