body {
    background-image: url("images/paper.jpg");
    cursor: url("images/cursor2.png"), auto;
}

.grid-container {
    display: grid;
    grid-template-areas: 
    'logo banner'
    'side main'
    'footer footer';
    align-items: start;
    grid-row-gap: 0;
    grid-column-gap: 3px;
    grid-template-columns: 160px auto;
}

/* The logo in the top left */
.logo img {
    grid-area: 'logo';
    width: 160px;
    height: 160px;
}

/* The banner at the top */
.banner {
    grid-area: 'banner';
    border-style: double;
    height: 160px;
    background-image: url("images/darkBlue.GIF");
    display: flex;
    justify-content: center;
}
.banner h1 {
    text-align: center;
    color: gold;
    text-shadow: 0 0 10px #fff;
    font-size: 100px;
    font-family: "Dancing Script", cursive;
    font-weight: 700;
    margin: 10px;
}

/* The sidebar menu */
.sidenav {
    grid-area: 'side';
    width: 160px; /* Set the width of the sidebar */
}

/* The navigation menu links */
.sidenav a {
    text-align: center;
    text-decoration: none;
    font-size: 25px;
    display: flex;
    background-color: gold;
    border-style: outset;
    border-color: goldenrod;
    border-radius: 10px;
    margin-bottom: 3px;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    background-color: goldenrod;
    border-style: inset;
    border-color: goldenrod;
    cursor: url("images/cursor2.png"), auto;
}

/* Style page content */
.main {
    grid-area: 'main';
    border-style: outset;
    text-align: center;
}

.main .blog-text {
    border-bottom: double;
    text-align: left;
}

.gallery {
    display: grid;
    column-gap: 5px;
    row-gap: 5px;
    grid-template-columns: auto auto auto auto auto;
    border-style: outset;
}

.gallery .gallery-item {
    border-style: double;
    text-align: center;
}