html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}


/*** page + navbar ***/

body {
    background-color: black;
    border: 0;
}    

#header {
    background-color: black;
}

#page {
    position: relative;
    z-index: 0;
    max-width: 50rem;
    min-height: 800px;
    background-color: white;
    color: black;
    background-image: url(images/backgrounds/dog-ear.png);
    background-repeat: no-repeat;
}

#footer {
    z-index: 10;
    background-color: black;
}

#navbar {
    z-index: 5;
    color: white;
    background-color: black;
}

input#navbar-toggle[type=checkbox] {
    display: none;
}



/*** page layout ***/

/* content column */
.content {
    font-size: 1rem;
    text-align: justify;
    line-height: 1.5;
}


/* footnotes */
input.footnote-toggle[type=checkbox] {
    display: none;
}
    

/* comment form */
input[name="name"], input[name="email"], input[name="website"] {
    width: 15rem;
}

textarea[name="comment"] {
    height: 10rem;
    width: 100%
}