body {
    font-family: Arial, Helvetica, sans-serif;
    color:#473144;
}

h1 {
    font-family: "Lora", serif;
    margin: 1em auto 1em auto;
    text-align: center;
    font-size: 2.5em;
}

h2 {
    font-family: "Lora", serif;
    color: #AF1B3F;
    margin-top: .5em;
    text-align: center;
}

nav {
    border-top: solid 1.5px #EFC69B;
    border-bottom: solid 1.5px #EFC69B;
    padding: 1em;
}

.filters {
    border: solid 1px #EFC69B
}

nav > ul {
    display: grid;
    grid-template-columns: repeat(3, 80px);
    justify-content: end;
    justify-items: end;
    list-style-type: none;
    max-width: 90%;
    margin: 0 auto;
}

li > a {
    color: #AF1B3F;
    text-decoration: none;
}

main {
    display: grid;
    grid-template-columns: 3fr 1fr;
    margin: 1em 3em 1em 3em;
}

.articles {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.review-info {
    padding: 0 1em;
    border-right: solid 1px #EFC69B;
    justify-content: end;
    justify-items: end;
}

.book {
    padding: 0 1em;
}

img {
    display: grid;
    margin: 0 auto;
    max-width: 250px;
}

.skiptocontent a {
    position: absolute;
    top: -40px;
    background-color: #EFC69B;
    color: #473144;
}

.skiptocontent a:focus {
    top:0;
}