body {
    font-family: 'Open Sans', sans-serif;
    /*background:  #05768A url('tealbg.jpg') no-repeat center center fixed;*/
    background: radial-gradient(#05768A, #041932);
    color: #042D51;
    margin: 0 0 0 0;
}
canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}
a:link, a:visited, a:active {
    color: #042D51;
    text-decoration: underline;
    text-shadow: 0.2em 0.2em 0.5em  rgba(0,0,0,0);
    transition: text-shadow 0.3s ease-in-out;
}
a:hover {
    color:#041932;
    text-decoration: underline;
    text-shadow: 0.2em 0.2em 0.5em  #04456D;
    transition: text-shadow 0.3s ease-in-out;
}
h1, .serif {
    font-family: 'Bitter', serif;
}

.h1 {
    font-size: 2em;
}
.h2 {
    font-size: 1.5em;
}

/*
    Palette:
    Teal 1: #05768A
    Teal 2: #04456D
    Navy 1: #042D51
    Tan: #D6B98D
    Navy 2: #041932
*/

.tan {
    color: #D6B98D;
}
.navy2 {
    color: #041932;
}

.light {
    /* Open Sans only */
    font-weight: 300;
}
.semibold {
    /* Open Sans only */
    font-weight: 600;
}
.bold {
    font-weight: 700;
}
.italic {
    font-style: italic;
}

#main {
    position: relative;
    width: 100vw;
    height: 100vh;
    text-align: center;
    /*background-color: rgba(5,118, 138, 0.5);*/ /* Teal 1 */
    margin: 0;
    z-index: 1;
}
#main p {
    position: absolute;
    top: 30%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

#lower-corner {
    position: absolute;
    bottom: 1vh;
    right: 1vh;
    text-align: right;
    margin: 0;
    z-index: 2;
}