body{
    background-image: url(https://i.pinimg.com/736x/ef/49/a2/ef49a2b39c947a94f1abe07c2571cab7.jpg);
    background-size: cover;
}
#main-container{
    height: 600px;
    width: 700px;
    margin: auto;
    margin-top: 50px;
    display: grid;
    grid-template-columns: 200px 500px;
    grid-template-areas:
    "header header"
    "aside main"
    "aside main";
}
header{
    height: 100px;
    width: 700px;
    margin: auto;
    border: #62506e 5px solid;
    background-image: url(images/homu2.jpg);
    background-size:cover;
}
header h1{
    display: block;
    margin-top: 40px;
    margin-left: 10px;
    font-family: times;
    font-style: italic;
    font-size: 3em;
    background: -webkit-linear-gradient(#fff, #000);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: #000 0.5px;
}
[style*="grid-area: aside"] {
    padding: 10px;
    border: #62506e 5px solid;
    background-image: url(images/blackplaid.jpg);
}
[style*="grid-area: main"]{
    height: 500px;
    width: 500px;
    margin: auto;
    overflow: scroll;
    border: #62506e 5px solid;
    background-color: rgba(255, 255, 255, 0.50);
    background-clip: padding-box;
}
.diary-entries{
    height: fit-content;
    width: auto;
    margin: 10px;
    padding: 10px;
    border: #62506e 3px solid;
    background-image: url(images/blackplaid.jpg);
}
h2{
    margin: auto;
    font-family: times;
    font-style: italic;
    font-size: 2em;
    background: -webkit-linear-gradient(#fff, #26043c);
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
h4{
    color: white;
    margin: auto;
}
p{
    color: white;
    margin: auto;
}
a{
    color: white;
}
a:hover{
    color: #ce5bf4;
}