html { font-family: 'Open Sans', sans-serif; font-size: 14px; width: 100%; height: 100%; }

h1 { padding: 2px 0 0 20px; font-family: 'Knewave', cursive; font-size: 36px; color: #ffffff; font-weight: 400; text-align: center; }
h2 { padding: 2px 0 0 20px; font-family: 'Knewave', cursive; font-size: 28px; color: #000000; font-weight: 400; text-align: left; }
h3 { padding: 2px 0 0 20px; font-family: 'Knewave', cursive; font-size: 20px; color: #000000; font-weight: 400; text-align: left; }
p { padding: 20px; font-weight: 400; }
strong { font-weight: 800; }
a { color: #007046; text-decoration: underline; font-weight: 600; }
a:hover { color: #35D699; text-decoration: underline; }

ul { margin: 5px; padding: 0 0 0 50px;}
ul li { list-style-type: square; text-indent: 0px; }

#main { position: fixed; top: 50px; left: 50px; background: url(../images/cbg.png); width: 600px; z-index: 1;
        height: calc(100% - 100px);
        max-height: 1000px; border-radius: 0px 0px 64px 64px;
        overflow: hidden; }
#content { z-index: 2; max-height: 850px; overflow-y: auto; }
#title { width: auto; }
#menu { height: 40px; font-size: 13	px; }
#menu p { padding: 15px; }
#pages > div {  }

#backgrounds {  }
.background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-position: bottom center; background-color: #000000; background-repeat: no-repeat; }
#background1 { background-image: url(../images/01.jpg); }
#background2 { background-image: url(../images/02.jpg); }
#background3 { background-image: url(../images/03.jpg); }
#background4 { background-image: url(../images/04.jpg); }
#background5 { background-image: url(../images/05.jpg); }
#background6 { background-image: url(../images/06.jpg); }