html {
  box-sizing: border-box;
}

.small {
  font-size: 12pt;
}

.big {
  font-size: 16pt;
}

.dim {
    color: grey;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* adjust typography defaults */
body {
  margin: 1rem;
  font-family: serif;
  line-height: 1.25;
  text-align: center;
  font-size: 13pt;
}

/* images and videos max out at full width */
img,
video {
  height: auto;
  max-width: 100%;
}

#container {
  min-width: 300px;
  max-width: 500px;
  margin: auto;
}

#big-logo {
  margin:auto;
  margin-bottom:-30px;
}

.button {
  border: 4px solid black;
  background-color: crimson;
  font-family: sans-serif;
  text-decoration: none;
  color: white;
  font-weight: bold;
  font-size: 32px;
  border-radius: 16px;
  padding: 12px;
}

.btext {
  margin-top: 20px;
  margin-bottom: 28px;
}

.poem {
  font-style:italic;
}

#crewtable {
  font-size:13pt;
}

td {
  padding-bottom: 8px;
}

td:nth-child(1) {
  font-weight: bold;
  font-style: italic;
  text-align: right;
  padding-right: 16px;
}

td:nth-child(2) {
  text-align: left;
}

li {
    text-align: left;
}

.rolename {
    font-weight: bold;
    text-decoration: underline;
}

.biodiv {
    border: 2px solid black; 
    padding: 20px 20px 0px 20px; 
    margin: 20px 0px;
}

.headshot {
    max-width: 50%;
}

.namey {
    font-weight: bold;
}

.roley {
    font-style: italic;
}

.bio {
    text-align: left;
    font-size: 13pt;
}