body{
    margin:auto;
    max-width: 100vw;
    max-height: 100vw;
}
.pinyon-script-regular {
  font-family: "Pinyon Script", cursive;
  font-weight: 400;
  font-style: normal;
}
.intro{
    font-size: 1.1em;
    text-align: center;
    max-width: 25vw;
    max-height:15vh;
    margin:1vh auto 0 auto;
}
h1{
    margin-bottom: -0.5em;
    font-family: "Pinyon Script", cursive;
    font-size:4em;
        text-decoration: underline;
}
h2{
    font-family: "Pinyon Script", cursive;
    text-decoration: underline;
}
.goodreads{
    width:10vw;
    font-size: 0.8em;
    padding:0.2em;
    margin:3vh auto 0 auto;
    border: 2px dashed black;
}

.container{
    max-width:75vw;
    margin:0 auto;
}
.year{
    padding: 1vw;
    margin-top: 11vh;
    border: 2px dashed black;
}
.grid{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:1.5em;
    margin:auto;
}

.book{
    max-height:30vh;
    max-width: 30vw;
    padding:1em;
    overflow-y:scroll;
    scrollbar-width:thin;
    scrollbar-color:black white;
    overflow-x: hidden;
}

img{
    max-height:20vh;
    margin:0 auto;
}

.title{
    font-size:1.1rem;
    margin-bottom:-0.8rem;
    font-weight: 700;
}

.author{
    font-style: italic;
    font-size:0.9rem
}

.date-finished{
    font-size: 0.7rem;
    margin-top:-0.8rem;
    margin-bottom:-0.8rem;
}

.review{
    font-size:0.8rem;
}
.description{
    margin-top:-3vh;
    font-size: 0.7rem;
}
.currently{
    width:25vw;
    font-size: 0.8em;
    padding:0.5em;
    margin: 5px auto;
    border: 2px dashed black;
    text-decoration:none;
}