.html {
  background-image: url('pictures/stargrungebg.jpg');
  background-attachment: fixed;
  font-family: Verdana;
  background-color: black;
}

.bigcontainer {
  width: 1000px;
  height:1400px;
  background-image: url("pictures/notebookpaper.jpg");
  background-size: 1000px 1400px;
  margin:auto;
  border: #EBDDB2 7px groove;
}

.header {
  background-image: url("pictures/txtr.jpg");
  background-size: 850px;
  height: 190px;
  width: 840px;
  margin:auto;
  border: 7px solid black;
  font-size:35px;
  text-shadow: 4px 4px 5px #2B3024;
  font-family: magazine;
  text-align: right;
  overflow: visible;
  padding-right: 10px;
  padding-bottom: 10px;
} 


.maintext {
  background-color: #F2E4B1;
  color: #F5EFDF;
  padding: 10px;
  width: 700px;
  margin-right: 20px;
  background-image: url("pictures/grungegreen2.jpg");
  border: #000000 7px groove;
  float: right;
  font-family: kindergarten;
}

.imagenav {
  float: left;
  width: 200px;
}



.moth {
  z-index: 1;
  width:250px;
  height: auto;
  margin-left: -80px;
  margin-top: -60px;
  filter: drop-shadow(4px 4px 5px #2B302);
  float: left;
  transform: rotate(-30deg)

}

.ashtray {
  width:180px;
  height: auto;
  filter: drop-shadow(4px 4px 5px #2B302);
}
  

@font-face {
  font-family: magazine;
  src: url("fonts bitch/MagazineLetterByBrntlbrnl-Regular.ttf");
}

@font-face {
  font-family: kindergarten;
  src: url("fonts bitch/kindergarten.ttf");
}