body {
  background-color: white;
  color: #3e1a00;
  font-family: Times-New-Roman;
  padding-top: 10px;
  font-size: 1em;
}

a:link {color: #ff6c04}
a:visited {color: #0b0080}
a:hover {color: #795cb2}



.footer {
    text-align: center;
    padding: 5px;
    background-color: #ffd5b6;
    color: #3e1a00;
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: 5%;
    margin-right: 5%;
}

.outermost-container {
    margin: 25px;
    padding: 5px;
    background: #ffc69e;
    height: 76vh;
    width: 95vw;
    overflow: auto;
    overflow-x: hidden;
}
/* <span style="position:relative;left:20px;"><h1> EVERY FIRST HEADER </h1></span> */


.first-thing {
    margin: 15px;
    padding: 5px;
    background: white;
}

.second-thing {
    margin: 15px;
    padding: 5px;
    background: white;
    max-width: 25%;
}

.third-thing {
  width: 75%;
  margin: 15px;
  padding: 5px;
  background: white;
}

.fourth-thing {
  width: 20%;
  margin-right: 15px;
  padding: 5px;
  background: white;
  float: right;
}

.fifth-thing {
  margin: 15px;
  padding: 5px;
  background: white;
  max-width: 25%;
  }

.sixth-thing {
  width: 20%;
  margin-left: 15px;
  padding: 5px;
  background: white;
  float: left;
}

aside {
  margin-right: 15px;
  padding: 5px;
  background: lavender;
  max-width: 50%;
  float: right;
}


.pagedoll {
  z-index: 1;
  position: fixed;
  bottom: 0;
  right: 0;
  margin-right: 1%;
  
  /* lit just copying from slushiecafe's pagedoll via the dev tools bit of chrome */
  
}

.pagedoll:hover {
  opacity: 0.5;
  transition: 0.3s;
  }