* {
  box-sizing: border-box;
}

@font-face {
    font-family: "Arcade"; 
    src: url("https://frootsnak.neocities.org/fonts/arcade/JMH%20Cthulhumbus%20Arcade.ttf") format("truetype");
}

p {
  font-size: 12px;
  color:  #edd9c5;
}

h2, .h2 {
   font-size:20;
   color:  #edd9c5;
}


h3, .h3 {
   font-size:18;
   color:  #edd9c5;
}


#pagedoll {
position: fixed; bottom: 50px; right:150px; 
}

.box {
  background-color: #e2a3a3;
  border: 1px outset #946156;
  padding: 10px;
}

.box2 {
  background-color: #ebcbb8;
  border: 1px outset #946156;
  padding: 10px;
}

.leftnav {
  border: outset;
  background-color: #bba995;
  border-color: #a79076;
  float: left;
  width: 20%;
  padding: 15px;
  margin-top: 7px;
  text-align: center;
}

.leftnav a {
  padding: 8px;
  margin-top: 7px;
  display: block;
  width: 100%;
  color: black;
}

html, body {
  font-family: 'jmh_cthulhumbus_arcaderegular';
}

.main {
  float: left;
  width: 60%;
  padding: 0 20px;
}

.rightnav {
  border: outset;
  background-color: #bba995;
  border-color: #a79076;
  float: left;
  width: 20%;
  padding: 15px;
  margin-top: 7px;
  text-align: center;
}

.rightnav a {
  padding: 6px 5px 6px 12px;
  text-decoration: none;
  font-size: 20px;
  color: #edd9c5;
  display: block;
}

.rightnav a:hover {
  color: #e8a39b;
}

@media only screen and (max-width: 620px) {
  /* For mobile phones: */
  .leftnav, .main, .rightnav {
    width: 100%;
  }
}