.headgraphics1 {
    border: 3px groove var(--page0-ac-color);
}

.headgraphicssvg {
    width: 100px;
    height: 90px;
    margin-bottom: -45px;
}
    
.transbox a {
    color:  var(--page0-ac-color);
    text-decoration: none;
    list-style-type: none;
    font-weight: 900;  
}

.transbox {
    border: 2px groove var(--page0-ac-color);
}

.transbox h1, h2, h3, h4, h5, h6 {
    color:  var(--page0-ac-color);
    text-decoration: none;
    list-style-type: none;
    font-weight: 500;
    text-shadow: -0.7px -0.7px var(--page0-mc-color), 0.7px 0.7px var(--page-ox-color);
    padding-top: 5px;
    padding-bottom: 2px;
}

 h3 {
    color:  var(--page-dm-color);
}

section {
    border-top: 3px groove var(--page0-ac-color);
    border-left: 3px groove var(--page0-ac-color);
    border-right: 3px groove var(--page0-ac-color);
}

section p {
    margin-left: 30px;
    margin-right: 20px;
}

footer h2, h4 {
    color: var(--page-dm-color); 
}

@media screen and (max-width: 1126px) {
  footer h4 {
    color: var(--page0-ac-color);
  }
  .mabsr {
    padding-left: 0px;
  }
}

footer {
    background: linear-gradient(135deg, var(--page-my-color),var(--page0-ac-color), var(--page0-mc-color), var(--page-mx-color));
    color: var(--page-dm-color);
    border-top: 1px groove var(--page0-mc-color);
    border-bottom: 3px groove var(--page0-ac-color);
    border-left: 3px groove var(--page0-ac-color);
    border-right: 3px groove var(--page0-ac-color);
    height: 270px;
}

footer .footer_tag {
  text-align: center;
  height: auto;
}

.footer_logo {
   border: 3px groove var(--page0-ac-color);
}

.footer_tag {
  color: var(--page-dm-color);
}

#lcolor a {
    color: var(--page0-cc-color);
    text-decoration: none;
    text-shadow: -0.5px -0.5px var(--page-my-color), 0.5px 0.5px var(--page-bb-color), 5px 5px 6px var(--page0-ac-color);
}

#greet {
    text-align: center;
}

.navcolor {
    color: var(--page0-ac-color);
    text-shadow: -1px -1px var(--page-mm-color);    /*, 1px 1px var(--page-b2-color);*/
}

.rightsidebox1 {
    background-color: var(--page0-ac-color); /*#99AA76;*/
    padding: 10px;
    border-radius: 25px;
    text-decoration: none;
}

.rightsidebox1 p {
    margin-right: 15px;
}

.commonfootertext {
    color: var(--page-mm-color);
    text-shadow: -1px -1px var(--page-bb-color);
}

.commontext {
    color: var(--page-mx-color);
}
.warningbox {
    background: linear-gradient(135deg, var(--page-my-color), var(--page0-ac-color), var(--page0-mc-color));
    height: auto;
    border-radius: 25px;
    padding: 5px;
    border: 1px groove var(--page-ox-color);
}

.warningbox a {
    color: var(--page-ox-color);
    text-align: center;  
}

.txaln {
    height: auto;
    width: auto;
    background-color: var(--page0-aw-color);
    border: 2px groove var(--page0-ac-color);
    text-align: center;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding: 20px;
}

.warningbox #adjust1 {
    padding-right: 30px; 
}

.post_cent {
    text-align: center;
}

.post_left {
    text-align: left;
}

.warningbox #warning1 {
    color: rgb(255, 0, 0);
    background-color: var(--page-ox-color);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: -10px;
}

.warningbox #attention1 {
    color: rgb(255, 247, 91);
    background-color: var(--page-ox-color);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: -10px;
}

.warningbox #announcement1 {
    color: rgb(0, 255, 0);
    background-color: var(--page-ox-color);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: -10px;
} 

.warningbox #information1 {
    color: rgb(11, 143, 255);
    background-color: var(--page-ox-color);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: -10px;
}

.pointerdead a {
   pointer-events: none;
   text-decoration: none;
}

.pointeron a {
   pointer-events: auto; 
   text-decoration: none;
}

.willwu {
   text-align: center;
   border: 1px groove var(--page0-ac-color);
   width: 170px;
   text-shadow: -0.5px -0.5px var(--page-mm-color), 0.5px 0.5px var(--page-ox-color);
   color: var(--page0-ac-color);
 }

.piccenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.picright {
  float: right;
}

.picleft {
  float: left;
}

.windowbox {
  height: 230px;
  width: 310px;
  padding: 30px;
  padding-bottom: 5px; 
  border-radius: 25px;
  text-decoration: none;
}

.windowboxn {
  height: auto;
  width: 310px;
  padding: 30px;
  padding-bottom: 5px; 
  border-radius: 25px;
  text-decoration: none;
}

.windowboxn img {
  height: 225px;
  width: 100%;
  border-radius: 25px;
  border: 1px groove var(--page-ox-color);
}

.windowboxt {
  height: auto;
  width: auto;
  padding: 30px;
  padding-bottom: 5px; 
  border-radius: 25px;
  text-decoration: none;
}

.windowboxt img {
  height: auto;
  width: 100%;
  border-radius: 25px;
  border: 1px groove var(--page0-ac-color);
}

.windowboxb {
  height: auto;
  width: 310px;
  padding: 10px;
  border-radius: 25px;
  text-decoration: none;
  border: 1px groove var(--page0-ac-color);
  margin: 10px;
  background-color: var(--page-dm-color);
  text-align: center;
  color: var(--page0-ac-color);
}

.windowboxm {
  height: 100%;
  width: 100%;
  /*padding: 30px;
  padding-bottom: 5px;
  padding-top: 8px;*/
  border-radius: 25px;
  text-decoration: none;
  /*margin-left: 3%;*/
}

.windowboxp {
  height: 230px;
  width: auto;
  /*padding: 30px;
  padding-bottom: 5px;
  padding-top:  5px;*/
  border-radius: 25px;
  text-decoration: none;
}

.photobox {
  background: var(--page0-aw-color);
  border: 2px groove var(--page0-ac-color);
  width: 100%;
}

.photoframe {
  border: 2px groove var(--page0-mc-color);
}

.mabsr {
  text-align: left;
  margin-left: 50px;
  margin-right: 30px;
}
	
.bton {
 color: var(--page0-ac-color);
 background: var(--page0-aw-color);
 border-radius: 6px;
 box-shadow: var(--page-ox-color);
 text-shadow: 0.5px 0.5px var(--page-ox-color); 
}

.bton:hover {
 text-shadow: 0.5px 0.5px var(--page-ox-color);
 background: var(--page0-cc-color);
 color: var(--page0-aw-color);
}

.border1 {
  border: 1px hidden #FFFFFF;
  width: 100%;
  margin-top: 10px;
  /*border-radius: 25px;*/
  background-color: var(--page-bg-color);
}

.border2 {
  border: 1px hidden #FFFFFF;
  width: 100%;
  margin-top: 10px;
  /*border-radius: 25px;*/
  background-color: var(--page-bg-color);
}

.border3 {
  border: 1px hidden #FFFFFF;
  width: 100%;
  margin-top: 10px;
  /*border-radius: 25px;*/
  background-color: var(--page-bg-color);
}

.border4 {
  border: 1px hidden #FFFFFF;
  width: 100%;
  margin-top: 10px;
  /*border-radius: 25px;*/
  background-color: var(--page-bg-color);
}

.border5 {
  border: 1px hidden #FFFFFF;
  width: 100%;
  margin-top: 10px;
  /*border-radius: 25px;*/
  background-color: var(--page-bg-color);
}

.border6 {
  border: 1px hidden #FFFFFF;
  width: 100%;
  margin-top: 10px;
  /*border-radius: 25px;*/
  background-color: var(--page-bg-color);
}

.border7 {
  border: 1px hidden #FFFFFF;
  width: 100%;
  margin-top: 10px;
  /*border-radius: 25px;*/
  background-color: var(--page-bg-color);
}

ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: var(--page0-aw-color);
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  border: 1px groove var(--page0-ac-color);
}
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

.cright a {
  text-shadow: -0.5px -0.5px var(--page-my-color), 0.5px 0.5px var(--page-bb-color), 5px 5px 6px var(--page0-ac-color);
  color: var(--page0-cc-color);
}

.cml {
  text-shadow: -1px -1px var(--page-my-color), 1px 1px var(--page-bb-color), 5px 5px 6px var(--page-ox-color);
  border: 3px groove var(--page0-ac-color);
  border-radius: 25px; background-color: var(--page-gy-color);
}

.cml a h2 {
  text-align: center;
}

.finep {
  text-shadow: -0.5px -0.5px var(--page-my-color), 0.5px 0.5px var(--page-bb-color), 5px 5px 6px var(--page0-mc-color);
  color:  var(--page-dm-color);
  margin-left: auto; margin-right: auto;
  margin-top: 15px; margin-bottom: 1px;
}

.copyright {
  color:  var(--page-dm-color);
}

.smtexture a {
  text-shadow: -0.5px -0.5px var(--page-my-color), 0.5px 0.5px var(--page-bb-color), 5px 5px 6px var(--page-ox-color);
  color: var(--page-bw-color); 
}

.socmed {
  margin-left: 20px; margin-top: -2px;
  padding-bottom: 10px; 
}

.socmed h2 {
  margin-top: -10px;
  margin-bottom: -5px;
}

.sml {
  text-shadow: -1px -1px var(--page-my-color), 1px 1px var(--page-bb-color), 5px 5px 6px var(--page-ox-color);
  border: 3px groove var(--page0-ac-color);
  border-radius: 25px;
}

.fa {
  text-shadow: -0.5px -0.5px var(--page-my-color), 0.5px 0.5px var(--page-bb-color), 5px 5px 6px var(--page-ox-color);
  border: 0.5px groove var(--page-ox-color);
  border-radius: 25px;
}

.fa:hover {
  padding-left: 20px;
  transition: 0.1s;
}

header .backlight {border: 3px groove var(--page0-ac-color);}

.page-wrapper {
  color: var(--page-bb-color);/* counterpart to line 289 */
  border: 2px groove var(--page0-ac-color);
  border-radius: 25px;
  background: var(--page0-aw-color);
  padding-right: 20px;
}
 
.page-wrapper a {
  color: var(--page-bb-color);/* counterpart to line 282 */
}

.mininav1 {
  height: auto;
  width: auto;
  padding-left: 15px;
  margin-left: 5px;
  margin-right: 10px;
  background: var(--page-mx-color);
  border: 2px groove var(--page-ox-color);
  text-align: right;
}

.miniframe1 {
  border: 5px groove var(--page1-ac-color);
  background: linear-gradient(135deg, var(--page1-aw-color), var(--page1-mc-color), var(--page-my-color));
  padding: 10px;
}

.miniboarder1 {
  background: var(--page1-mc-color);
  border: 2px groove var(--page1-ac-color);
}

.mininav2 {
  height: auto;
  width: auto;
  padding-left: 15px;
  margin-left: 5px;
  margin-right: 10px;
  background: var(--page-mx-color);
  border: 2px groove var(--page-ox-color);
  text-align: right;
}

.miniframe2 {
  border: 5px groove var(--page2-ac-color);
  background: linear-gradient(135deg, var(--page2-aw-color), var(--page2-mc-color), var(--page-my-color));
  padding: 10px;
}

.miniboarder2 {
  background: var(--page2-mc-color);
  border: 2px groove var(--page2-ac-color);
}

.mininav3 {
  height: auto;
  width: auto;
  padding-left: 15px;
  margin-left: 5px;
  margin-right: 10px;
  background: var(--page-mx-color);
  border: 2px groove var(--page-ox-color);
  text-align: right;
}

.miniframe3 {
  border: 5px groove var(--page3-ac-color);
  background: linear-gradient(135deg, var(--page3-aw-color), var(--page3-mc-color), var(--page-my-color));
  padding: 10px;
}

.miniboarder3 {
  background: var(--page3-mc-color);
  border: 2px groove var(--page3-ac-color);
}

.mininav4 {
  height: auto;
  width: auto;
  padding-left: 15px;
  margin-left: 5px;
  margin-right: 10px;
  background: var(--page-mx-color);
  border: 2px groove var(--page-ox-color);
  text-align: right;
}

.miniframe4 {
  border: 5px groove var(--page4-ac-color);
  background: linear-gradient(135deg, var(--page4-aw-color), var(--page4-mc-color), var(--page-my-color));
  padding: 10px;
}

.miniboarder4 {
  background: var(--page4-mc-color);
  border: 2px groove var(--page4-ac-color);
}

.mininav5 {
  height: auto;
  width: auto;
  padding-left: 15px;
  margin-left: 5px;
  margin-right: 10px;
  background: var(--page-mx-color);
  border: 2px groove var(--page-ox-color);
  text-align: right;
}

.miniframe5 {
  border: 5px groove var(--page5-ac-color);
  background: linear-gradient(135deg, var(--page5-aw-color), var(--page5-mc-color), var(--page-my-color));
  padding: 10px;
}

.miniboarder5 {
  background: var(--page5-mc-color);
  border: 2px groove var(--page5-ac-color);
}

.mininav6 {
  height: auto;
  width: auto;
  padding-left: 15px;
  margin-left: 5px;
  margin-right: 10px;
  background: var(--page-mx-color);
  border: 2px groove var(--page-ox-color);
  text-align: right;
}

.miniframe6 {
  border: 5px groove var(--page6-ac-color);
  background: linear-gradient(135deg, var(--page6-aw-color), var(--page6-mc-color), var(--page-my-color));
  padding: 10px;
}

.miniboarder6 {
  background: var(--page6-mc-color);
  border: 2px groove var(--page6-ac-color);
}

.mininav7 {
  height: auto;
  width: auto;
  padding-left: 15px;
  margin-left: 5px;
  margin-right: 10px;
  background: var(--page-mx-color);
  border: 2px groove var(--page-ox-color);
  text-align: right;
}

.miniframe7 {
  border: 5px groove var(--page7-ac-color);
  background: linear-gradient(135deg, var(--page7-aw-color), var(--page7-mc-color), var(--page-my-color));
  padding: 10px;
}

.miniboarder7 {
  background: var(--page7-mc-color);
  border: 2px groove var(--page7-ac-color);
}

.lmtext {
   font-size: large;
   border-top: 1px solid #000000;
   border-bottom: 1px solid #000000;
   border-left: none;
   border-right: none;
   padding-top: 0in;
   padding-bottom: 0.03in;
   padding-left: 0in;
   padding-right: 0in;
   text-align: center;
 }

.lmhead {
   width: 50px;
   height: 39px;
   float: left;
   margin-bottom: -55px;
   margin-top: 3px;
 }

 ul.lmlist {
  margin-right: 6px;
 }

 ul.lmlist li{
   display: inline;
 }
 
 ul.lmlist li a {
  color: var(--page-dw-color);
  text-decoration: none;
  padding: 2px;
  margin-right: 4px;
}

 ul.lmlist li a img {
  border-radius: 4px;
  padding: 2px;
  width: 20px;
  height: 18px;
  background-color: var(--page-mm-color);
 }

.wcard {
    background: linear-gradient(135deg, var(--page-my-color), var(--page0-ac-color), var(--page-mx-color));
    height: 265px; width: 100%;
    border-color: var(--page0-ac-color);
    border-radius: 25px;
    border: 3px groove var(--page0-ac-color);
}

@media screen and (max-width: 1204px) {
    .wcard {
        background: linear-gradient(135deg, var(--page-my-color), var(--page0-ac-color), var(--page-mx-color));
        height: 815px; width: 100%;
        border-color: var(--page0-ac-color);
        border-radius: 25px;
        border: 3px groove var(--page0-ac-color);
        margin-left: auto; margin-right: auto;
    }

    .wpost {
        margin-top: 5px;
        margin-left: auto;
        margin-right: auto;
        height: 245px;
    
    }
}

.wpost {
    margin-top: 5px;
    margin-left: 5px;
    height: 245px;
    
}

.wspost {
    height: 244px; width: 98%;
	margin: 5px;
    border-radius: 25px;
    margin-right: auto; margin-left: auto;
}




.dca2 {
    margin-left: 5px;
    margin-top: -20px;
    font-size: small;
    line-height: 10px;
}

.cpost {
    height: 250px;
    width: 100%;
    background-color: var(--page0-aw-color);
    border-radius: 12px;
    border: 1px groove var(--page0-ac-color);
    margin-top: 5px;
    
}

.rpost1 {
    height: 122px;
    width: 100%;
    background-color: var(--page0-aw-color);
    border-radius: 12px;
    border: 1px groove var(--page0-ac-color);
    margin-top: 5px;
    
}

.rpost2 {
    height: 122px;
    width: 100%;
    background-color: var(--page0-aw-color);
    border-radius: 12px;
    border: 1px groove var(--page0-ac-color);
    margin-top: 5px;
}

.sworks {
    overflow-y: scroll;
    height: 213px;
    width: auto;
    background-color: var(--page-bg-color);
}

.blinks {
    overflow-y: scroll;
    height: 85px;
    width: auto;
    background-color: var(--page-bg-color);
}

.alinks {
    overflow-y: scroll;
    height: 85px;
    width: auto;
    background-color: var(--page-bg-color);
}

.lspace {
    margin-left: 6px;
}
