.content,
nav>ul,
nav>ul>li {
    vertical-align: top;
}
body {
    font-family: 'Libre Franklin', sans-serif;
    font-size: 12pt;
    text-align: justify;
    background-color: #e0ddcd;
    border: none;
    margin: 0;
    padding: 0;
}
div.instruction,
div.title,
nav>ul {
    font-family: 'Gloria Hallelujah', cursive;
}
div.instruction,
div.title,
nav>ul,
span.imgcont {
    text-align: center;
}
.content,
footer {
    border-radius: 5px;
}
div.title {
    font-size: 48pt;
    z-index: 5;
}
.parallax {
    perspective: 1px;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    perspective-origin-x: 100%;
    scroll-behavior: smooth;
}
.parallax__group {
    position: relative;
    transform-style: preserve-3d;
    height: 100vh;
}
.parallax__layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform-origin-x: 100%;
    z-index: 1;
}
.parallax__layer--base {
    transform: translateZ(0);
}
.parallax__layer--back {
    transform: translateZ(-1px) scale(2);
}
.parallax__layer--deep {
    transform: translateZ(-3px) scale(4);
}
div.bgimg:after {
    content: " ";
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(tobottom, rgba(255, 255, 255, 0), #e0ddcd);
}
div.navcont {
    position: relative;
    height: 100vh;
}
div.navcont>nav {
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 188px;
    overflow: hidden;
    padding: 0 0 10px;
}
nav,
nav>ul {
    height: 70px;
}
div.navcont>nav>ul {
    overflow: visible;
    z-index: 5;
    padding: 0 0 10px;
}
nav {
    width: 0;
    transition: width .2s ease-in-out;
}
nav>ul {
    list-style-type: none;
    font-size: 24pt;
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
article a.navlink,
article a.navlink:link,
article a.navlink:visited,
nav>ul a,
nav>ul a:link,
nav>ul a:visited {
    color: #000;
    text-decoration: none;
    margin-bottom: -20px;
    height: 110px;
    overflow: visible;
}
article a:after,
nav>ul a:after {
    content: " ";
    height: 4px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAQAAADoz+32AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QEIDwgVR0BKBgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAACYktHRAD/h4/MvwAAAC9JREFUCB1jYHjC4MUAA74MDJMY/jOogPlyQBYQRAGpPCD8zxABUZbJcAkIsxkYABThClIWXu2NAAAAAElFTkSuQmCC);
    background-repeat: repeat-x;
    width: 0;
    display: block;
    transition: width .2s ease-in-out;
}
nav>ul a:after {
    margin: -20px auto 0;
}
article a:after {
    margin: -10px auto 0;
}
nav>ul>li:hover>nav {
    width: 100%;
    height: initial;
}
nav>ul:hover+a>div.instruction {
    opacity: 0;
    z-index: 1;
}
.bgcol {
    background-color: rgba(255, 255, 255, .9);
}
div.instruction {
    font-size: 24pt;
    opacity: 1;
    transition: opacity .2s ease-in-out;
    z-index: 6;
}
.content {
    width: 90%;
    display: table;
    margin: 60px auto 0;
    padding: 40px;
}
a.plain,
a.plain:active,
a.plain:hover,
a.plain:link,
a.plain:visited {
    text-decoration: none;
    color: #000;
}
span.imgcont {
    max-width: 100%;
    max-height: 100%;
    display: table-cell;
    width: 40%;
    padding: 0 40px 40px 0;
}
article ol,
article ul {
    list-style-type: none;
    padding-left: 18px;
}
article code+sup,
footer {
    text-align: right;
    vertical-align: top;
}
span.imgcont>div.instagram {
    margin-bottom: 40px;
}
article {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    margin: 40px 40px 0 0;
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    font-family: 'Gloria Hallelujah', cursive;
    margin: 0;
}
article h1 {
    font-size: 48pt;
}
article h2 {
    font-size: 40pt;
}
article h3 {
    font-size: 36pt;
}
article h4 {
    font-size: 30pt;
}
article h5 {
    font-size: 24pt;
}
article h6 {
    font-size: 18pt;
}
article a.navlink,
article a.navlink:link,
article a.navlink:visited {
    text-decoration: none;
    color: #000;
    display: inline-block;
}
article ul>li:before {
    content: "-";
    padding-right: 10px;
}
article ol {
    counter-reset: ol-counter;
}
article ol>li:before {
    padding-right: 10px;
    content: counter(ol-counter);
    counter-increment: ol-counter;
}
div.footnotes ol {
    list-style-type: normal;
    padding-left: initial;
    list-style-position: inside;
}
div.footnotes ol>li:before {
    content: none;
}
article code {
    font-family: 'Libre Franklin', sans-serif;
    font-size: 12pt;
    text-align: justify;
    display: block;
    margin: 0 2em;
}
article code:before {
    content: "\00201C ";
    margin: 0;
}
article code:after {
    content: " \201D";
    margin: 0;
}
article code+sup a {
    float: right;
    margin-top: -40px;
}
article table {
    border-collapse: collapse;
}
article table th {
    text-align: center;
    border-bottom: 2px solid #000;
}
article table td,
article table th {
    border-left: 2px solid #000;
    border-right: 2px solid #000;
    padding: 5px;
}
article table td:first-child,
article table th:first-child {
    border-left: 2px solid transparent;
}
article table td:last-child,
article table th:last-child {
    border-right: 2px solid transparent;
}
footer {
    font-size: 10pt;
    width: 90%;
    margin: 60px auto 0;
    padding: 20px 40px;
}
a.footnote-backref,
a.footnote-backref:link,
a.footnote-backref:visited,
a.footnote-ref,
a.footnote-ref:link,
a.footnote-ref:visited,
footer a,
footer a:link,
footer a:visited {
    color: #000;
    text-decoration: underline;
}
a.footnote-backref:active,
a.footnote-backref:hover,
a.footnote-ref:active,
a.footnote-ref:hover,
footer a:active,
footer a:hover {
    text-decoration: none;
}
div.embedvideo {
    padding-bottom: 67.5%;
    margin-bottom: 10px;
    overflow: hidden;
    vertical-align: middle;
    display: block;
    padding-top: 25px;
}
div.vimeo {
    padding-top: 0;
}
div.widescreen {
    padding-bottom: 57.25%;
}
div.embedvideo embed,
div.embedvideo iframe,
div.embedvideo object,
div.embedvideo video {
    position: absolute;
    width: 100%!important;
    height: 100%!important;
    top: 0;
    left: 0;
}
div.soundcloud {
    height: 162px;
    padding-bottom: 0;
}
div.soundcloud embed,
div.soundcloud iframe,
div.soundcloud object,
div.soundcloud video {
    height: 162px!important;
}
div.bgimg,
article code+sup,
div.embedvideo,
nav>ul {
    position: relative;
}
div.bgimg>img,
article a.navlink:active:after,
article a.navlink:hover:after,
nav>ul a:active:after,
nav>ul>li:hover>a:after {
    width: 100%;
}
nav>ul>li,
div.footnotes ol>li>p {
    display: inline-block;
}
article a.navlink,
article a.navlink:link,
article a.navlink:visited,
article ol>li:before,
article ul>li:before,
article code:after,
article code:before,
article table th {
    font-family: 'Gloria Hallelujah', cursive;
    font-size: 16pt;
}