main {
  width:95vw;
  padding: 5px;
  padding-bottom: 50px;
  position: relative;
  min-height: 100vh;
  top:0;
  display: flex;
  flex-direction: column;
}

/* Unwrap the first .right so its title/buttons can be moved above the first cover */
div.right.intro {
  display: contents;
}

div.nav {
  order: -1;
}

body {
  font-family: "Arsenal", "Gill Sans", "Gill Sans MT", Candara, "Trebuchet MS", sans-serif;
  color: white;
}

h1 {
  position:relative;
  text-align:center;
  padding: 50px;
  color: white;
  font-size:40px;
  font-family:"Marcellus", "Helvetica", serif
  }

h2 {
  text-align:center;
  color: white;
  font-size:25px;
  font-family:"Arsenal", "Gill Sans", "Gill Sans MT", Candara, "Trebuchet MS", sans-serif;
  }

body {
  background-color:#0f4844; /* #f8be13 */
}

.cover {
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.5), 0 10px 20px 0 rgba(0, 0, 0, 0.5);
  position:relative;
}

div.left{
  width: 90vw;
  padding: 20px;
  float: none;
  position:relative;
  top:5%;
}

div.right{
  width: 100%;
  padding:5px;
  float: none;
  position:relative;
}

div.button{
  width: 80%;
  height: 15%;
  position: relative;
  left: 10%;
  background: #146d67; /* #f7d160; */
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
}

a{
  text-decoration: none;
}

p {
  max-height: 2vh;
}

div.button:hover{
  background: #105752; /* #f4d989; */
}

a:focus-visible div.button{
  background: #105752;
  outline: 2px solid white;
  outline-offset: 2px;
}

a:focus-visible{
  outline: none;
}

* {
  box-sizing: border-box
}

div.blurb{
  max-width: 90%;
  margin: 0 auto;
  text-wrap: balance;
  padding:10px;
  position: relative;
  text-align:left;
  color: white;
  font-size:3em;
  font-family: "Bellefair", "Marcellus", "Helvetica", serif;
}

div.blurb.quote{
  text-align:center;
  font-size:2em;
}

div.blurb.attribution{
  text-align:center;
  font-size:1.3em;
}

div.footer {
  text-align:center;
  float:left;
  font-family: "Arsenal", "Gill Sans", "Gill Sans MT", Candara, "Trebuchet MS", sans-serif;
  font-size:18px;
  width:95vw;
  padding-top:30px;
  padding-bottom:35px;
  position:relative;
  bottom:0;
}

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }