body {
    margin: 0;
    padding: 0;
    color: ivory;
    font-family: Overlock;
    font-size: 133%;
    background-color: green;
}

.fraktur {
    font-family: UnifrakturMaguntia;
    font-weight: normal;
}

.mainBg {
    margin: 0;
    padding: 0;
}

.light2dark {
   background-color: #32CD32; 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#32CD32), to(green));
   background-image: -webkit-linear-gradient(top, #32CD32, green); 
   background-image:    -moz-linear-gradient(top, #32CD32, green);
   background-image:     -ms-linear-gradient(top, #32CD32, green);
   background-image:      -o-linear-gradient(top, #32CD32, green);
}

.dark2light {
   background-color: green; 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(green), to(#32CD32));
   background-image: -webkit-linear-gradient(top, green, #32CD32); 
   background-image:    -moz-linear-gradient(top, green, #32CD32);
   background-image:     -ms-linear-gradient(top, green, #32CD32);
   background-image:      -o-linear-gradient(top, green, #32CD32);
}

.c640 {
    max-width: 640px;
    margin: auto;
    padding: 3rem 0;
}

.mainBg {
    min-height: 1600px;
    padding: 0;
    margin: 0;
}

.left {
    min-height: 1600px;
    width: 50%;
    float: left;
}

h1, h3 { 
    font-weight: 700;
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
}

h1, h2, p, ul {
    /*border: 1px dotted orange;*/
}

h2 {
    margin-top: 1.33em;
    margin-bottom: 0;
    font-weight: normal;
}

p, blockquote, ul {
    margin-top: 0.5em;
}

p, ul {
    font-size: 110%;
}

a {
    color: #FFFF54;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.withSC {
    font-weight: 400;
    font-style: normal;
}

.sc, .osn, .onum {
    font-family: "Overlock SC";
}

.hilite {
    font-weight: 900;
}

.hilite:before, .hilite:after {
    font-weight: normal;
    color: orange;
}
.hilite:before {
    content: "❧❧❧ ";
}
.hilite:after {
    content: " ☙☙☙";
}