body {
  background-image: url(bg3.png);
  font-family: "Nunito";
  font-size: 11pt;
  color: #3B3B3B;
}

.nunito-font {
  font-family: "Nunito", sans-serif;
  font-weight: 300;
  font-style: normal;
}

#container {
  border: 3px solid #5CA385;
  display: block;
  margin: 0 auto;
  margin-top: 5em;
  width: fit-content;
  text-align: center;
  padding: 1pt;
  background-color: white;
  box-shadow: 5px 5px 0px #e1e4e6;
}

.flex-container {
      display: flex;
      justify-content: center;
      /* Optional: Add space between items */
      gap: 5px; /* Or column-gap: 20px; */
    }

    .item-one,
    .item-two {
      /* Optional: Basic styling for visibility */
      padding: 2pt;
      border: 0px solid #ccc;
    }
    
iframe {
  width: 500px;
  height: 520px;
  border: 0px;
}

 /* unvisited link */
a:link {
  color: #3B3B3B;
  text-decoration: #A35C7A solid underline;
  text-decoration-thickness: 2px;
}
/* visited link */
a:visited {
  color: #3B3B3B;
  text-decoration: #A35C7A solid underline;
  text-decoration-thickness: 2px;
}
/* mouse over link */
a:hover {
  color: #969696;
  text-decoration: none;
  border-bottom: none;
  cursor: help;
}
/* selected link */
a:active {
  color: #969696;
  text-decoration: none;
  border-bottom: none;
  cursor: help;
} 

.title {
  font-size: 50pt;
  font-weight: 900;
  letter-spacing: 5pt;
  text-shadow: 2px 2px 0px #C5CBCE;
  color: #5CA385;
}

/* DROPDOWN MERU THATS REALLY FUCKING ANNOYING!!!!!!!!!!!!!! */
ul {
 text-align: center;
 list-style-type: none;
 margin: 0;
 padding: 0;
 overflow: hidden;
 margin-top: -1em;
}

li {
  display: inline;
}

li a, .dropbtn {
 display: inline-block;
 color: #427660;
 text-align: center;
 padding: 10px 6px;
 text-decoration: underline;
 text-underline-position: under;
 text-decoration-thickness: 1px;
 font-size: 13pt;
 /* background-color: lightgrey; */
 font-weight: 700;
}

li a:hover, .dropdown:hover .dropbtn {
  /* background-color: lightgrey; */
  text-decoration: underline;
 text-underline-position: under;
 text-decoration-thickness: 2px;
 text-decoration-color: #B57D95;
 color: #969696;
 cursor: help;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 100px;
  /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
  /* border-radius: 1em; */
  border: 1px solid #B57D95;
}

.dropdown-content a {
 color: #313D4E;
 padding: 3px 3px;
 text-decoration: none;
 display: block;
 text-align: center;
 cursor: help;
}

.dropdown:hover .dropdown-content {
  display: block;
  padding: 5px;
}

.goCenter {
  text-align: center;
  color: white;
  font-weight: bold;
}