body {
    background-color: #000130;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 100px;
    margin-left: 100px;
    padding: 0;
    color: #fffecf
}

iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.port {
    max-width:50%;
    height:auto;
}

img.land {
    max-width:97%;
    height:auto;
}

h1.title {
    font-family: Arial, Helvetica, sans-serif; font-size: 40px; text-align: center;
}

h2.title {
    font-family: Arial, Helvetica, sans-serif; font-size: 30px; text-align: center;
}

h2 {
    font-family: Arial, Helvetica, sans-serif; font-size: 30px;  
}

p {
    font-family: Arial, Helvetica, sans-serif; font-size: 22px; font-weight: bold;
}

p.caption {
    font-family: Arial, Helvetica, sans-serif; font-size: 30px; text-align: center; font-weight: bold;
}

/* index page menu stuff */

.flex-container {
  display: flex;}

.flex-container:hover {background-color: #505050;}


.flex-container > div {

  margin: 10px;
  padding: 0px;
  font-size: 25px;
  font-weight: bold;
}

.date {
width: 24%;
}

.place {
width: 76%;
}

/* end menu stuff */

a:link {
    color: #FFFFE3;
}

a:hover {
  color: #FFFFF7;
}


a:active {
  color: #C0C0C0;
}

a:visited {
  color: #EBEABB;
}

a.ext:link {color:#FFFFE3;}
a.ext:visited {color:#EBEABB;}
a.ext:hover {font-size:110%;}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

video {
    display: block;
    margin-left: auto;
    margin-right: auto;
}



  /* page bottom navlinks stuff */

  a.navlinks:link, a.navlinks:visited {
  background-color: #505050; 
  border: 1px solid #000000;
  padding: 15px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  float: left;
}

a.navlinks:hover, a.navlinks:active {
  background-color: #646464;
}

  /* end navlinks stuff */