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

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

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


.box {
  background-color: #E22B2B;
  width: 400px;
  height: 500px;
  padding: 25px;
  margin: auto;
  margin-top: 50px;
}

.text {
    height: 90px;
    width: 645px;
    padding-bottom: 50px;
    margin: auto;
}

.thething {
   width: 400px;
   height: 500px;
   margin: auto;
}

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