/* structure reference
tag {
    background     
        background-color
        background-image
        background-position
        background-size
        background-repeat
        background-attachment
        background-origin
        background-clip

    margin: ;
    outline: ;
    border: ;
    padding: ;
    
    width: ;
    max-width: ;
    height: ;
    max-height: ;
    
    text
        color

        text-align
        text-align-last
        vertical-align
        direction
        unicode-bidi

        text-decoration-line
        text-decoration-color
        text-decoration-style
        text-decoration-thickness

        text-transform

        hyphens

        text-indent
        letter-spacing
        line-height
        word-spacing
        white-space

        text-shadow

    font
        font-family
        font-weight
        font-size
        font-style
        font-stretch
        font-variant
        line-height
}*/

:root {
    --padding: 5%;
}

body {
    background: hsl(240, 100%, 98%);

    color: hsl(255, 0%, 10%);
    
    font-family: "Sitka Small", serif;
    line-height: 1.5;
}

nav, div.work {
    margin: auto;
    padding: 0 5%;
    
    max-width: 600px;
}

nav {
    font-size: 1.5rem;
}

/*.left{
    text-align: left;
}

.right{
    text-align: right;
}*/

h1 {
    margin-bottom: 0;
    
    font-size: 5rem;
}

h2 {
    margin: 100px auto 0;
    
    font-size: 2.5rem;
}

h3 {
    margin: 0 auto;
    
    font-weight: 100;
    font-size: 1.5rem;
}

p {
    margin: 50px auto 100px;
    
    hyphens: auto;
    
    font-size: 1rem;
}

em {
    font-size: 0.8rem
}

img {
    display: block;
    
    margin: 50px auto 10px;

    max-width: 200%;
    height: auto;
}

footer {
    height: 300px;
}