@charset "utf-8"; /* makes the sheet more portable if someone went to copy and paste it; plus the encoding specified is easily human-readable. */

html {
  /* layout */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  
  min-height: 100%; /* a few people have suggested this, although they often suggest "height", rather than "min-height" */
  
  background-color: lightseagreen;
  color: white;
  
  /* "1em" isn't quite big enough */
  font-size: 1.18em;

  /* The default is horrible so let's set line-height to 1.5 */
  line-height: 1.5;
}

html > body {
    margin: 0;
    top: 0;
    bottom: 0;
}

body {
  position: relative;
  text-align: center;
  flex-grow: 1;
  min-height: 100vh; /* some say this should be "min-height: 100%" */
}

a:link, a, a:hover {
    color: white;
}

p {
    max-width: 38em;
    margin: 1em auto 1em auto;
}

h1 {
    font-size: 350%;
}

h2 {
    font-size: 250%;
}

figure, figcaption, img {
    border: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

body img {
    max-width: 94vw;
    display: block;
    margin: 1.7em auto 1.7em auto;
}

figure img {
    margin-bottom: 1em;
}

img{
    border-radius: 0.7em;
    box-shadow: 5px 10px 5px darkgray;
}

figure {
    border: 0.175em black solid;
    border-radius: 1em;
    margin: 1em 0 1em 0;
}

figcaption {
    padding: 0.75em;
}

a {text-decoration: none}

table, tbody, tr, td { border-collapse: collapse; border-spacing: 0}

address {text-align: center; margin-left: auto; margin-right: auto}

hr { width: 16em; width: 16rem; height:.09em; height:.09rem; background-color: #585858; margin: auto}

footer {text-align: center;margin-left: auto; margin-right: auto; margin-bottom: .5em; margin-bottom: .5rem}

small { text-align: center; margin-left: auto; margin-right: auto; font-size: .75em; font-size: .75rem}

address table tr td:nth-child(1) {
	text-align:right
}

address table tr td:nth-child(2) {
	text-align:left
}

td
{
	padding: 0.3em; padding: 0.3rem
}

a:link {
    color: white
}

a:visited {
    color: white
}

a:hover {
    color: white;
	border-bottom: dotted 0.08em
}

a:active {
    color: green
}

h1 a:visited {
    color: white
}

h3 a:visited {
    color: white
}