/* General Page Style ------------------------------- */ /*body { background-color: black; background-image: url('../images/bg4.jpg'); background-repeat: no-repeat; scrollbar-size: 2; scrollbar-base-color: #ffffff; scrollbar-shadow-color: #f0f0f0; scrollbar-highlight-color: #f0f0f0; scrollbar-3dlight-color: #f1f1f1; scrollbar-face-color: #ffffff; scrollbar-arrow-color: #000022; scrollbar-DarkShadow-Color: #000022;} */ body { background-color: #ffffff; scrollbar-size: 2; scrollbar-base-color: #17181C;; scrollbar-shadow-color: grey; scrollbar-highlight-color: #f0f0f0; scrollbar-3dlight-color: #f1f1f1; scrollbar-face-color: #17181C; scrollbar-arrow-color: #000022; scrollbar-DarkShadow-Color: #000022;} body, p, td, br, ul, ol, dl, li, form { font-family: Trebuchet MS; Verdana, Arial; font-size: 15pt; color: #17181C; text-decoration:none;} a:hover { font-family: Trebuchet MS, Verdana, Arial; font-size: 15pt; color: #bbbbbb; text-decoration: none;} a { font-family: Trebuchet MS, Verdana, Arial; font-size: 15pt; color: #6699ee; text-decoration: none;} /* General Font Styles ------------------------------ */ .snoteblk { font-family: Trebuchet MS; Verdana; Arial; font-size: 8pt; color: #17181C;} .snoteblu { font-family: Trebuchet MS; Verdana; Arial; font-size: 8pt; color: #6699ee;} .mnoteblk { font-family: Trebuchet MS; Verdana; Arial; font-size: 10pt; color: #17181C;} .mnoteblu { font-family: Trebuchet MS; Verdana; Arial; font-size: 10pt; color: #6699ee;} .fnotesm { font-family: Trebuchet MS; Verdana; Arial; font-size: 11pt; color: #17181C;} .fnoteblka { font-family: Trebuchet MS; Verdana; Arial; font-size: 14pt; color: #17181C;} .fnoteblk { font-family: Trebuchet MS; Verdana; Arial; font-size: 13pt; color: #17181C;} .fnotewh { font-family: Trebuchet MS; Verdana; Arial; font-size: 13pt; color: #ffffff;} .fnoteylo { font-family: Trebuchet MS; Verdana; Arial; font-size: 13pt; color: #f1f1f1;} .fnoteylos { font-family: Trebuchet MS; Verdana; Arial; font-size: 8pt; color: #6699ee;} .fnoteblu { font-family: Trebuchet MS; Verdana; Arial; font-size: 13pt; color: #6699ee;} .fnoteblu:hover { font-family: Trebuchet MS; Verdana; Arial; font-size: 13pt; color: #bbbbbb;} .alink { font-family: Trebuchet MS; Verdana; Arial; font-size: 15pt; color: #f1f1f1;} .hdr { font-family: Trebuchet MS; Verdana; Arial; font-size: 19pt; color: #000000;} .hdr2 { font-family: Trebuchet MS; Verdana; Arial; font-size: 19pt; color: #f1f1f1;} .hdrod { font-family: Trebuchet MS; Verdana; Arial; font-size: 23pt; color: #6699ee;} .hdbigl { font-family: Trebuchet MS; Verdana; Arial; font-size: 23pt; color: #6699ee; font-weight="bold";} .hdbigblu { font-family: Trebuchet MS; Verdana; Arial; font-size: 26pt; color: #6699ee; font-weight="bold";} .hdbigblu:hover { font-family: Trebuchet MS; Verdana; Arial; font-size: 26pt; color: #bbbbbb; font-weight="bold";} .hdbigylw2 { font-family: Trebuchet MS; Verdana; Arial; font-size: 23pt; color: #fff200;} .hdbigylw { font-family: Trebuchet MS; Verdana; Arial; font-size: 25pt; color: #fff200;} .hdbigblk2 { font-family: Trebuchet MS; Verdana; Arial; font-size: 23pt; color: #17181C;} .hdbigblk { font-family: Trebuchet MS; Verdana; Arial; font-size: 25pt; color: #17181C;} .hdbig { font-family: Trebuchet MS; Verdana; Arial; font-size: 28pt; color: #17181C;} *{padding:10;margin:10;} /* Button Images ------------------------------------ */ .rcorners1 { font-family: Trebuchet MS, Verdana, Arial; font-weight: bold; color: #ffffff; text-decoration:none; border-radius: 250px; background: #000A62; padding: 20px; width: 250px; height: 250px;} .rcorners2 { font-family: Trebuchet MS, Verdana, Arial; font-weight: bold; color: #ffffff; text-decoration:none; border-radius: 250px; background: #0468FF; padding: 20px; width: 250px; height: 250px;} .rcorners3 { font-family: Trebuchet MS, Verdana, Arial; font-weight: bold; color: #ffffff; text-decoration:none; border-radius: 250px; background: #17181C; padding: 20px; width: 250px; height: 250px;} /* Top Menu ----------------------------------------- */ nav { padding: 1rem 1rem; background-color: #0D0B00; color: #ffffff;} /* Checkbox*/ .checkbtn { font-size: 2.25rem; color: #ffffff; cursor: pointer;} .checkbtn:hover { font-size: 2.25rem; color: #bbbbbb; cursor: pointer;} /* Hide the Menu by Default*/ .nav-mobile { display: none;} /* Toggle the Menu with a Checkbox Trick*/ #check:checked ~ .nav-mobile { display: block; font-size: 2rem; position: relative; top: .5px; left: .5; background: #0D0B00;} .nav-mobile { font-family: Trebuchet MS, Verdana, Arial; font-size: 2rem; text-decoration: none; color: #dddddd; position: absolute; top: .5rem; left: 0; background: #0D0B00; z-index: 1; width: 100%px;} .nav-mobile a { font-family: Trebuchet MS, Verdana, Arial; font-size: 1.5rem; color: #6699ee; text-decoration: none; padding: .5rem .5rem; display: block; background: #0D0B00; width: 245px;} .nav-mobile a:hover { font-family: Trebuchet MS, Verdana, Arial; color: #FFFFFF; text-decoration: none; font-style: underline; font-size: 1.5rem; padding: .5rem .5rem; display: block; background: #0468ff; width: 245px;} } @media only screen and (max-width: 992px) { #check:checked ~ .nav-mobile { display: block; font-size: 2rem; position: relative; top: .5px; left: .5; background: #0D0B00;} .nav-mobile { font-family: Trebuchet MS, Verdana, Arial; font-size: 2rem; text-decoration: none; color: #dddddd; position: absolute; top: .5rem; left: 0; background: #0D0B00; z-index: 1; width: 100%px;} .nav-mobile a { font-family: Trebuchet MS, Verdana, Arial; font-size: 1.5rem; color: #6699ee; text-decoration: none; padding: .5rem .5rem; display: block; background: #0D0B00; width: 245px;} .nav-mobile a:hover { font-family: Trebuchet MS, Verdana, Arial; color: #FFFFFF; text-decoration: none; font-style: underline; font-size: 1.5rem; padding: .5rem .5rem; display: block; background: #0468ff; width: 245px;} } /* Button Navbar ------------------------------------- */ #navbar { position: sticky; top: 0; overflow: hidden; background-color: #ffffff; /* display: flex; /* align-items: center; /* justify-content: center; } /*icon nav bar*/ #navbar a { float: left; display: block; /* background-color: #ffffff; color: #ffffff; text-align: center; padding: 15px 15x; text-decoration: none; font-size: 15px; } #navbar a:hover { background-color: #ffffff; color: #ffffff;} #navbar a.active { background-color: #ffffff; color: #ffffff;} .content { padding: 15px;}