html {
    scrollbar-color: lightgrey white;
    scrollbar-width: auto;
    scrollbar-gutter: stable both-edges;
    
    background-color: lavender;
}
hr {
    background: lightgrey;
}

#wrapper {
    background-color: whitesmoke;
    
    box-shadow: 0 0 0 2px whitesmoke,
        inset 0 0 0 2px lightgrey;
}

nav {
    box-shadow: 2px 0 lightgrey;
}
nav h3 {
    color: dimgrey;
}
nav a p {
    color: dimgrey;
    
    background-color: lavenderblush;
    
    box-shadow: 0 0 0 2px lightgrey;
}
nav a p:hover {
    color: dimgrey;
    
    background-color: lavender;
    
    box-shadow: 0 0 0 2px lightgrey;
}
nav hr {
    height: 10px;
    margin: 10px 0px;
}

#content {
    box-shadow: -2px 0 lightgrey;
}
#content .category {
    color: grey;
}
#content .manilla {
    box-shadow: 0 0 0 2px whitesmoke,
        0 0 0 4px lightgrey;
}
#content .manilla h3 {
    color: grey;
    
    background: 
        linear-gradient(
            to right, 
            transparent, 
            lavender);
    background-color: lavenderblush;
}
#content .manilla h4 {
    color: grey;
    
    background: 
        linear-gradient(
            to left, 
            transparent, 
            lavender);
    background-color: lavenderblush;
}
#content .manilla p {
    background: white;
    color: grey;
}

#content .manilla hr {
    background: grey;
}
.story {
    color: dimgrey;
}