body {
    font-family: 'Smooch Sans', sans-serif; 
    font-weight: 300;
    font-size: 2em;
    line-height: 1.6; 
    max-width: 800px; 
    margin: auto; 
    padding: 50px;
}

.interactive:hover {
    text-decoration: underline;
}

#section2,
#section3,
#section4,
#section5,
#section6,
#section7,
#section8 {
    display: none;
}

#clairvoyance-squall,
#a-wildflower-in-bloom,
#mr-hubble-boutique,
#books-whisper-of-worlds,
#island-17,
#mia-shadow-gestures,
#towards-adventures-bold-into-the-night,
#a-hero-undone {
    cursor: pointer;
    display: inline-block;
}

h1 {
    cursor: pointer;
    margin: 0;
}

h1:hover {
    color: #0D0D0D;
}

footer {
    text-align: left;
    padding-left: 0px;
    margin-top: 70px;
}

.subtitle {
    margin: 0;
    padding: 0;
    font-size: smaller;
    font-weight: 400;
    color: #F28705;
}

@keyframes shadowPop {
  0% {
    transform: translateY(0);
    text-shadow: none;
  }
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(0);
    text-shadow: none;
  }
}

@media (max-width: 600px) {
    body {
        padding: 10px;
    }
}