body {
    width: 90%;    
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
    

    background-image: url("../images/moon\ clouds\ bl\ U\ e\ 20231205084819copy.png");
    background-blend-mode: lighten;
    background-size: 100%;
}

@font-face {
    font-family: "mongolianBaiti";
    src: url("../Fonts/monbaiti.ttf");
}

header {
    display: block;
    margin: 2%;
}

h1 {
    width: 40%;
    font-family: mongolianBaiti;
    font-size: 2.4em;
    font-weight: lighter;
    color: rgb(255, 255, 255);
    background-color: rgba(0, 0, 0, 0.5);
    padding: 1%;
}

#banner {
    margin-bottom: 1%;
    width: 10%;
    height: 10%;
    border-radius: 56px;
}

nav {
    display: block;    
    width: 100%;
}

.navList {
    display: block;
    margin: 2%;
    width: 38.5%;  
    background-color: rgba(0, 0, 0, 0.5); 
    align-items: center;
}

#navItem {
    display: inline-block;
    align-content: center; 
    list-style: none;
    padding: 0.5%;
    margin-right: 1.4%;
    margin-left: 1.4%;
}

#navText {
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-size: 1.4em;
    font-weight: lighter;
    font-family: mongolianBaiti;
}



.journal {
    display: block;    
    width: 100%;
}

.entryList {
    display: block;
    margin: 2%;
    width: 38.5%;  
    background-color: rgba(0, 0, 0, 0.6); 
    align-items: center;
}

#entryContent {
    display: inline-block;
    align-content: center; 
    list-style: none;
    padding: 0.5%;
    margin-right: 1.4%;
    margin-left: 1.4%;
}

#entryText {
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-size: 1.4em;
    font-weight: lighter;
    font-family: mongolianBaiti;
}