.header { padding: 1%; } body { background-color: #070011; margin-top: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; margin-right: 20px; margin-left: 20px; background-image: url(graphics/purplestars.png); } .main img { max-width: 100%; } .right img { width: 100%; } img { border: 0; } .main { padding: 2%; } .blueback { background-color: #13011F; } .blueback1 { background-color: #1B0C21; } .blackback { background-color: #000000; } .menuitem { margin: 3%; margin-left: 0; margin-top: 0; padding: 4%; cursor: pointer; } .right { padding: 1%; } .main { padding: 1%; } .footer { padding: 1%; text-align: center; } .center { margin-left: auto; margin-right: auto; } /* .gridcontainer { display: grid; margin: 0 auto; width: 95%; } */ .gridwrapper { overflow: hidden; } .gridbox { margin-bottom: 2%; margin-right: 2%; float: left; } .gridheader { width: 95%; } /* .gridmenu { width: 100%; } */ .gridmain { width: 65%; background-color: #070011; } .gridright { width: 30%; margin-right: 0; background-color: #070011; } .gridfooter { width: 95%; margin-bottom: 0; } @media only screen and (max-width: 500px) { .gridmenu { width: 100%; } .menuitem { margin: 1.0121457489878542510121457489879%; padding: 1.0121457489878542510121457489879%; } .gridmain { width: 100%; } .main { padding: 1.0121457489878542510121457489879%; } .gridright { width: 100%; } .right { padding: 1.0121457489878542510121457489879%; } .gridbox { margin-right: 0; float: left; } } h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.625em; font-weight: bold; color: #F19AF2; margin-top: 10px; margin-bottom: 5px; margin-right: 20px; margin-left: 20px; } h2 { font-variant: small-caps; font-size: 1.375em; font-weight: bold; color: #F19AF2; margin-top: 25px; margin-bottom: 5px; margin-right: 20px; margin-left: 20px; } h3 { font-variant: small-caps; font-size: 110%; font-weight: bold; color: #BFC0F7; margin-top: 5px; margin-bottom: 3px; margin-right: 20px; margin-left: 20px; } h4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 110%; font-weight: bold; color: #C7A5F1; margin-top: 5px; margin-bottom: 3px; margin-right: 20px; margin-left: 20px; } h5 { font-variant: small-caps; font-size: 100%; font-weight: bold; color: #F1A5C5; margin-top: 5px; margin-bottom: 3px; margin-right: 20px; margin-left: 20px; } h6 { font-variant: small-caps; font-size: 90%; color: #F1A5C5; margin-top: 5px; margin-bottom: 3px; margin-right: 20px; margin-left: 20px; } p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; color: #FFFFFF; margin-top: 5px; margin-bottom: 5px; padding: 0px; margin-right: 5px; margin-left: 5px; } p.small { font-variant: small-caps; color: #BFC0F7; } p.smaller { font-size: 75%; color: #BFC0F7; } p.smallb { font-variant: small-caps; font-weight: bold; color: #BFC0F7; } p.big { font-size: 100%; color: #FFFFFF; } p.banner { font-style: italic; font-weight: bold; font-size: 130%; font-weight: bold; color: #FFFFFF; } ul { list-style-image: url(graphics/star_b.jpg) font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; list-style-position: outside; color: #BFC0F7; text-align: left; } ul.side { list-style-type: none font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; list-style-position: inside; margin-left: 1em; padding-left: 0; color: #BFC0F7; text-align: left; } ul.disc { list-style-type: disc } ul.circle { list-style-type: circle } ul.square { list-style-type: square } ul.none { list-style-type: none } ol { list-style-position: inside; list-style-type: decimal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; color: #BFC0F7; text-align: left; } blockquote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 85%; color: #BFC0F7; text-align: left; } .oblique { font-style: oblique; } .bold { font-weight: bold; } .blue { color: #A7D5FF; } .blueobliqe { font-style: oblique; color: #A7D5FF; } .bluebold { font-weight: bold; color: #A7D5FF; } #type { color: #FFFF00; font-weight: bold; } .white { color: #000000; } .red { color: #FF0000; } .orange { color: #FF9933; } a:link { color: #BC87E5; text-decoration: underline; } a:visited { color: #D5ADF3; text-decoration: underline; } a:hover { color: #864F00; text-decoration: underline; } a:active { color: #C794C8; text-decoration: underline; } #meter1 { width: 200px; height: 50px; overflow: hidden; } #meter2 { width: 200px; height: 50px; overflow: hidden; } #meter3 { font-variant: small-caps; color: #BFC0F7; }