:root {scroll-behavior: smooth;}

body {
    padding: 2rem;
}

p {
    font-family: "Cormorant", Georgia, 'Times New Roman', Times, serif;
    font-size: 1.5rem;
    max-width: 60rem;
    margin: auto;
    line-height: 1.7rem;
    text-indent: 3rem;
}

p.first {
   text-indent: 0;
   padding-top: 1rem;
}

#caps {
    font-variant: small-caps;
}

h1 {
    font-family: "Cormorant Upright", Georgia, 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 3rem;
    max-width: 40rem;
    margin: auto;
    text-align: center;
    line-height: 2rem;
    padding: .5rem;
}
.divider {
    margin: auto;
    text-align: center;
    font-size: 3rem;
    padding-top: 1.3rem;
    padding-bottom: .5rem;
}

.ending {
    margin: auto;
    text-align: center;
    font-size: .8rem;
    text-align: center;
    text-indent: 0; 
    font-size: 1rem;
    font-family: "Cormorant Upright", Georgia, 'Times New Roman', Times, serif;
    font-weight: 100;
}
.ending:hover {
    color:rgb(4, 149, 4);
}
.flashback {
    width: 46rem;
    max-width: 60vw;
    margin: auto;
    text-align: justify;
}

img {
    max-height: 5rem;
}
@media (max-width:500px) {
    body {
        padding:.9rem;
    }
    p {
        line-height: 1.5rem;
        text-indent: 2rem;
    }
    }
a {
    text-decoration: none;
    color:rgb(4, 149, 4);
}
a:hover {
    color:rgb(42, 179, 42);
}

.epigraph {
    font-family: "Cormorant", Georgia, 'Times New Roman', Times, serif;
    font-size: 1.1rem;
    max-width: 35rem;
    margin: auto;
    line-height: 1.3rem;
}

.chat {
    max-width: 37rem;
    margin: auto;
    padding: 1rem 2rem 1rem 2rem;
    text-indent: 0;
}

.chat.p {
    padding:2rem;
    text-indent: 0;
}

.tooltip {
    position: relative;
    display: inline-block;
  }
  
.tooltip .tooltiptext {
    top: -50%;
    left: 105%; 
    visibility: hidden;
    background-color: rgb(250, 246, 246);
    border: solid .5px rgb(46, 46, 46);
    color: #111111;
    text-align: center;
    padding: 5px;
    font-size: 1rem;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }
  
.tooltip:hover .tooltiptext {
    visibility: visible;
  }
/*  Symbol Bank
⛰
✵ 
⁂ 
𓇗 
🂲 
𓆝 𓆟 𓆞 𓆝 
➳ 
⁎̩͙ 
⁑̩͙̩͙ 
⁂̩̩͙͙


1. Difficulty at beginning: ䷷ 
  2. Coming to meet: ䷫
  3. Opposition: ䷥ 
  4. breakthrough: ䷪ 
  5. Pushing Upward: ䷭ 
  6. Waiting: ䷄ 
  7. Splitting Apart: ䷖ 
  8. Wanderer: ䷷ 
*/