html {
  background-color:#f5ddd9;
  text-align:center;
  font-family:"Times New Roman", Times, serif;
  font-size:150%;
}

body {
  font-family: 'Montserrat', sans-serif;
}

h1, h2, h3 {
  font-family: 'Cormorant Garamond', serif;
}


/* This targets all links in all states */
a, a:visited, a:hover, a:active {
  color: inherit;
  text-decoration: none; /* Optional: removes the underline too */
}

.header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 15px;
  background-color: #f5ddd9;
  position:fixed;
  width:100vw;
  z-index:2;
  top:0;
  left:0;
}

.header button {
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}

.openingBanner {
  display:flex;
  justify-content:center;
  align-items:center;
  padding: 60px;
  gap: 40px;
}

.bannerText{
  max-width:50%;
  z-index:1;
}

.bannerText .small{
  font-style:italic;
  font-size: 18px; 
}

.bannerText h1{
  font-size:64px;
  margin:10px 0;
}

.bannerText button{
  margin-top:20px;
  padding: 12px 20px;
  border: none;
  cursor:pointer;
  border-radius: 6px;
}

.bannerImage{
  position:absolute;
}

#backgroundbanner {
  left: 0;
  width: 100vw;
  z-index: -1;
  top: 3.5em;
  height: 18em;
}

.underBanner {
  padding-top:0.5em;
  margin-top:0.5em;
  padding-left: 6em;
  padding-right: 6em;
  font-size:20px;
}


#messageHeader{
  position:relative;
  top:1em;
}

#messages {
  line-height:3em;
}