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

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 25% 25px 20%;
    padding: 5px;
    background: #ffc69e;
    height: 76vh;
    width: 60vw;
    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;
    width: 25%;
    float: right;
}

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

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

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

.sixth-thing {
  width: 10%;
  margin-left: 5vw;
  margin-top: 25px;
  border: 5px solid lightgrey;
  background: white;
  float: left;
  position: fixed;
}

.seventh-thing {
  margin: 15px;
  padding-left: 5px;
  padding-right: 5px;
  background: white;
  width: 65%;
  height: 2.5em;
}


      #Willow {
      background-image: url("/WillowNameplatePattern.png");
      background-repeat: repeat;
      background-size: 25%;
      background-position-y: 50%;
      

      
      }
      
      #Willow a:link {color: #6ab813}
      #Willow a:visited {color: #5d8432}
      #Willow a:hover {color: #3366CC}
      
      #Boots {
      background-image: url("/BootsNameplatePattern.png");
      background-repeat: repeat;
      background-size: 25%;
      }
      
      #Boots a:link {color: #1373b8}
      #Boots a:visited {color: #003fb4}
      #Boots a:hover {color: #3366CC}
      
      #CoinKitty {
      background-image: url("/CoinKittyNameplatePattern.png");
      background-repeat: repeat;
      background-size: 25%;
      }
      
      #CoinKitty a:link {color: #FFCA44}
      #CoinKitty a:visited {color: #C0C0C0}
      #CoinKitty a:hover {color: #FF8244}

.eighth-thing {
  padding-left: 5px;
  padding-right: 5px;
  background: white;
  height: 2.5em;
}

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;
  }