body {
    background-image: url("images/bgredcushion.jpg");
    background-attachment: fixed;
    display: grid;
    justify-content: center;
    align-content: center;
}

.home-button {
    position: absolute;
    left: 20px;
    top: 20px;
    & h3 {color: aliceblue; text-align: center; font-family: 'Courier New', monospace; font-weight: bold;}
    & a {text-decoration: none;}
}

.home-button:hover {
    scale: 1.2; transition-duration: 0.7s;
}

main {
    width: 800px;
    background-image: url(images/paper-2.jpg) ;
    background-attachment: fixed;
    border-right: solid black 3px;
    border-left: solid black 3px;
    padding: 20px 20px 20px 20px;
}

.main-content {
    display: grid;
    grid-template-columns: repeat(12, auto);
    background-color: antiquewhite;
    opacity: 80%;
    padding: 20px;
}

.main-title {
    text-align: left;
    grid-column: auto / span 12;
}

.main-body-text {
    hyphens: auto;
    grid-column: auto / span 12;
    & p {text-align: justify;}
    & a {text-decoration: none;}
    & a:hover {text-decoration: underline;}
}

.main-images {
    display: grid;
    grid-template-columns: repeat(12, auto);
}

.image-blur {grid-column: auto / span 4;}
.image-blur img {filter: blur(10px); width: 100%; overflow: hidden;}
.image-blur img:hover {filter: blur(0px); transition-duration: 0.7s;}