.container {
  display: grid; 
  grid-template-columns: 0.2fr 1.1fr 0.1fr; 
  grid-template-rows: 0.1fr 0.1fr 0.1fr; 
  gap: 0px 0px; 
  grid-template-areas: 
    ". . ."
    ". Main ."
    ". . ."; 
}

.Main {
  display: grid; 
  grid-auto-flow: column; 
  grid-template-columns: 1fr 3.8fr 0fr; 
  grid-template-rows: 1fr 1.2fr 0.8fr;  
  grid-template-areas: 
    "Sidebar Journal Journal"
    "Sidebar Journal Journal"
    "Sidebar Journal Journal"; 
  grid-area: Main; 
}

.Sidebar {
grid-area: Sidebar;
background: #fff;
border: 3px #34E0EA;
width:240px;
border-radius:5px;
color:#57450f;
font-family: "Gaegu", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 1.2em;
letter-spacing:.1em;
line-height:1.2;
padding:30px;
text-align:center; 
}
.sidebarinner {
background: #FFF;
border-radius: 5px;
padding:60px;
width: 810px;
height:470px;
overflow: auto;
}

.Journal { 
grid-area: Journal; 
background-image:url(image/clover4.png);
background-size:auto;
background-repeat: repeat;
width:1000px;
height:700px;
border-radius:2px;
font-family: "Gaegu", sans-serif;
color:DarkSlateBlue;
font-weight: 800;
font-style: normal;
font-size: 1.4em;
letter-spacing:.1em;
line-height:1.2;
padding:10px;
text-align:justify;
}
.journalinner {
background: #FFF;
border-radius: 5px;
padding:50px;
width: 891px;
height:590px;
overflow: auto;
}
.marker {
color: hotpink;
background:#ffee80;
padding:1px 5px
}

a:visited {
  color: hotpink;
}
a:hover {
  color: blue;
}
#image-gallery {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
}

.gallery-image {
            width: 200px;
            height: 200px;
            margin: 10px;
            cursor: pointer;
}

#lightbox {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            z-index: 9999;
}

        #lightbox-image {
            display: block;
            margin: auto;
            max-width: 80%;
            max-height: 80%;
            margin-top: 5%;
            cursor: pointer;
        }
h1{
color:dodgerblue;
font-size:1.3em;
font-family: "Love Ya Like A Sister", cursive;
src: url(https://file.garden/Zq4JFSM4zCwoO303/material/fonts/DK%20COOL%20CRAYON.TTF);
text-decoration-line: underline;
text-decoration-color: #FFD65F; 
text-decoration-style: wavy;
font-weight:700;
margin:1em 0;
text-align:left;
}
h2 {
background:#f7e586;
border-radius: 4px;
border: 2px dashed #F79100;
font-family: "Love Ya Like A Sister", cursive;
font-weight: 500;
font-style: normal;
font-size:0.8em;
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
letter-spacing:2px;
line-height:25px;
margin:1em 1;
padding:0 1em
}
h3{
color:RoyalBlue;
font-size:1.5em;
font-weight:700;
margin:1em 0;
text-align:right
}
.h3:first-letter{
color:#f3d0d0;
font-size:1.6em
}
h4{
color: DeepSkyBlue;
font-family: "Love Ya Like A Sister", cursive;
font-weight: 400;
font-style: normal;
text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff,
1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
border-left:8px solid DeepPink;
font-size:1.2em;
margin:1em 0;
padding-left:10px;
text-align:right
}