body {
    
    background-color: #0F1A2E;
    background-image: url("https://inkcaps.neocities.org/assets/background/old-map.png");
    font-size: 1.1rem;
    font-family: "Lusitana";
    color: #0b0b0a;
    cursor: url(https://inkcaps.neocities.org/assets/cursors/moon.png), auto;
   
    

    
}


row {
 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

 
 
}

header {

    background-image: url(https://inkcaps.neocities.org/assets/background/4bg2.jpg);
    background-color: #517656;
    font-family: "Modern Antiqua";
    font-weight: bolder;
    margin-left: 3em;
    font-size: 3.3rem; 
    z-index: 3;
    border-style: solid;
    text-decoration: underline;
    border-color: #4a593a;
    border-width: 2.5px;
    color: #1b1f14;
    text-shadow: 2px 2px #434e31, 4px 3px #5d6e45;


}

#wrapper {

flex-grow: 5;
 flex-shrink: 0;
 flex-basis: 50%;


}

main {
 
  background-image: url("https://inkcaps.neocities.org/assets/paperbgs/medieval_paper_by_jojo_ojoj_d8hoqbu-fullview.jpg");
  background-size: cover;
 background-repeat: no-repeat;
 background-position: fixed;
 width: 50em;
 min-width: 25em;
margin-top: -1em;
 margin-left: -1em;
margin-bottom: -1em;
 height: 119vh;
box-shadow: 10px 0 50px 20px rgba(249, 223, 184, 0.7);
 border-right-style: inset;
 border-width: 2.5px;
 border-color: #c28f32;
 
}

#moon {
 
 position: absolute;
 width: 40%;
 bottom: -25px;
 left: -55px;
 z-index: 2;
 
 
 
}

#diary {
 
 
 position: relative;
 width: 75%;
 height: 91vh;
 top: 100px;
 left: 75px;
 margin-left: auto;
 margin-right: auto;
padding: 1rem;
 
 
 
}

nav {
 
    position: absolute;
 font-family: "MacondoSwashCaps-Regular";
 top: -10px;
left: 0px;
 max-width: 8em;
 height: 50vh;
 padding: 1rem;
 font-size: 1rem;

 
 
 
}


nav h2 {

 font-size: 2rem;
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
    text-decoration: underline;



}

details {
    
    margin: .5em;   
    text-align: center;;
    
    
}

summary {
    
    
    background-color: #346799;
     border-style: solid;
    border-color: #1a334c;
    color: white;
    text-shadow: 1px 1px #0b0b0a;
    margin-bottom: .5em;

    
}

#entries {


 position: absolute;
 top: 8%;
 left: 23%;
 max-width: 40em;
 padding: 2rem;
 height: 79vh;
overflow-y: scroll;
 overflow-x: hidden;
margin-top: 2em;
    
    


}



#entries h2 {

    font-family: "MacondoSwashCaps-Regular";
    background-image: url(https://inkcaps.neocities.org/assets/background/arabesque.png);
    background-color: #346799;
    font-size: 2rem;
    margin-top: 0px;
    margin-bottom: 10px;
    position: relative;
    border-style: solid;
    border-color: #1a334c;
    image-rendering: pixelated;
    color: white;
    text-shadow: 2px 1.5px #0b0b0a;
    padding: .25rem;
}

 p::first-letter {
       font-family: "MacondoSwashCaps-Regular";
       font-size: 1.7rem;
       vertical-align: bottom;
     font-weight: bold;
    }

h3 {

    color: #274c72;
    font-family: "MacondoSwashCaps-Regular";
    text-align: right;
    font-size: 3rem;
    text-shadow: 2px 1px white;
    margin: 0px;



}

.irl {
    
    
    border-style: solid;
    border-width: 2.5px;
    
}


a:link, a:visited {

    color: #346799;
    font-weight: bold;


}

a:hover, a:active {


    color: #661400;
    transition-duration: 0.5s;

}

a:not(hover) {
    
    transition-duration: 0.5s;
    
    
}

nav h2 {

text-align: center;

}

header {
 
text-align: center;
 
}

aside {

 
width: 18em;

 

}

@media only screen and (max-width: 15em) {
    
 aside {
        display: none;
    }
}

@font-face {
    
    
    font-family: "Lusitana";
    src: url("https://inkcaps.neocities.org/fonts/Lusitana-Regular.ttf");
    
}

@font-face {

    font-family: ModernAntiqua-Regular;
    src: url("https://inkcaps.neocities.org/fonts/ModernAntiqua-Regular.ttf");

}

@font-face {

 font-family: "MacondoSwashCaps-Regular";
src: url(https://inkcaps.neocities.org/fonts/MacondoSwashCaps-Regular.ttf);

}