#maindiv {
    vertical-align: top;
    margin: 0 auto 0 14%;
    width:55%;
    height: 800px;
    position:relative;
    background: url("/backgrounds/ocs/yellowcheckers.png");
    text-align: center;
    border-radius: 25px;
    padding: 0% 0% 3% 0%;
    image-rendering: pixelated;
    float: left;
    border-style: solid;
    border-color: #83620a40
    }
    #secondarydiv {
    vertical-align: top;
    margin: 0 14% 0 auto;
    width:15%;
    height: 800px;
    position:relative;
    background: url("/backgrounds/ocs/yellowcheckers.png");
    text-align: center;
    border-radius: 25px;
    padding: 0% 0% 3% 0%;
    image-rendering: pixelated;
    float: right;
    border-style: solid;
    border-color: #83620a40;
    overflow: hidden;
    }
    #descdiv {
    width:90%;
    max-height: 625px;
    overflow: auto;
    position:relative;
    margin: 0 auto 0 auto;
    background: url("/backgrounds/ocs/yellowdivbgtrans.png");
    text-align: center;
    border-radius: 10px;
    }
    .abtme {
    padding: 2% 2% 2% 2%;
    line-height: 1.4;
    text-align: center;
    margin: 0 0 0 0;
    color: #FFFFFF;
    }
    .charbutton {
    margin: 0 0 0 0;
    transition: transform .05s; /* Animation */
    }
    .charbutton:hover {
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari 3-8 */
    transform: scale(1.05); 
    }
    .charbutton:active {
    -ms-transform: scale(0.9); /* IE 9 */
    -webkit-transform: scale(0.9); /* Safari 3-8 */
    transform: scale(0.9); 
    }
    .refimage {
    transition: transform .1s; /* Animation */
    }
    .refimage:hover {
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari 3-8 */
    transform: scale(1.05); 
    }
    body {
    background-image: url("/backgrounds/ocs/sitetrees.png");
    background-color: black;
    color: #FFFFFF;
    font-family: Verdana;
    overflow: auto;
    background-repeat: no-repeat;
    background-attachment: fixed;  
    background-size: 120% 125%;
    background-position: right bottom;
    image-rendering: pixelated;
    }
    #particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -990;
    top: 0;
    background-image: url("/blank.png");
    background-color: rgba(0, 0, 0, 0);
    }
    #logo {
    display: block;
    margin: 100px auto 10px auto;
    height: 100px;
    image-rendering: pixelated;
    }
    #molly {
    display: block;
    margin: 10px auto 100px auto;
    image-rendering: pixelated;
    }
    .clear {
    clear: both;
    }
    a {
    target: "_blank"
    }
    img {
    image-rendering: pixelated;
    }
    input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    }
    .tooltip {
    position: absolute;
	  top: 0;
	  left: 0;
    z-index: 99;
    opacity: 0;
    max-width: 250px;
    background: url("/backgrounds/ocs/yellowdivbgtrans.png");
    background-color: #00000000;
  	padding: 5px;
  	border-radius: 10px;
    }
    .resetpage {
    margin: 0 0 0 0;
    transition: transform .05s; /* Animation */
    cursor: pointer;
    }
    .resetpage:hover {
    -ms-transform: scale(1.025); /* IE 9 */
    -webkit-transform: scale(1.025); /* Safari 3-8 */
    transform: scale(1.025); 
    }
    .resetpage:active {
    -ms-transform: scale(0.95); /* IE 9 */
    -webkit-transform: scale(0.95); /* Safari 3-8 */
    transform: scale(0.95); 
    }
    /*** Works on common browsers ***/
    ::selection {
        background-color: #f7b71d;
        color: #fff;
    }
    
    /*** Mozilla based browsers ***/
    ::-moz-selection {
        background-color: #f7b71d;
        color: #fff;
    }
    
    /***For Other Browsers ***/
    ::-o-selection {
        background-color: #f7b71d;
        color: #fff;
    }
    
    ::-ms-selection {
        background-color: #f7b71d;
        color: #fff;
    }
    
    /*** For Webkit ***/
    ::-webkit-selection {
        background-color: #f7b71d;
        color: #fff;
    }