html {
  height: 100%;
}

body {
  background-color: #FAEDB7;
  display: flex;
  flex-direction: column;
  min-height: 99%;
  font-family: georgia;
  font-size: 2vh;
}

h1 {
  text-align: center;
}

.photo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
  box-shadow: 0 0 0 5px #ffffff,
              0 0 0 7px #000000,
              0 0 0 12px #ff9900;
}

p {
    font-family: georgia;
}

a:link, a:visited {
  background-color: #b30000;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  width: 300px;
  border-radius: 8px;
}

a:hover, a:active {
  background-color: #ffcc66;
  color: black;
}

footer {
  margin-top: auto;
  text-align: center;
  background-color: #b30000;
  border-radius: 8px;
  color: white;
  width: 100%;
}

.footer-container {
  display: flex;
  justify-content: space-around;
  border-style: ridge;
  border-color: #ff9900;
  border-radius: 8px;
}   

.ridge {
  border-style: ridge;
  border-color: #ff9900;
}

#tabletext {
  padding: 2%;
  width: 60%;
  line-height: 200%;
}

#message01 {

  font-size: 3vh;
  text-align: center;
  color: #ff0000;
}

#links {
  padding: 2%;
  display: flex;
  justify-content: space-around;
}

.maintable {
  width: 100%;
}