h1 { 
  font-family: 'Roboto';
  font-weight: bold;
  font-size: 3em;
}

h2, h3, h4, h5, h6 {
  font-family: 'Averia Serif Libre';
  font-weight: bold;
}

h3 {
    clear: both;
}

h4 { /*will use this as subheading*/
  margin: 2px 20px;
  font-weight: lighter;
  font-style: italic;
}

body {
  font-family: 'Nunito Sans', Serif;
  font-size: 1.25em;
}

.book-img {
    float: left;
    margin: 10px 10px 10px 0px;
    width: 200px;
    height: auto;
    box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 6px;
}

.book-title {
    font-style: italic;
}

.spoiler-text {
    background: #404040;
    color: transparent;
    padding: 10px;
    border-radius: 10px;
}

.spoiler-text::before {
    color: white;
    content: "<spoiler>  ";
}

.spoiler-text::after {
    color: white;
    content: "  </spoiler>";
    float: right;
    /*margin: -30px 0px;*/
}

@media screen and (max-width: 799px) {
  .book-img {display: none;}
}