html body {
    color: white;
    background-color: #6f92c9;
    background-image: url(https://ci3.googleusercontent.com/mail-img-att/AGAZnRqN5obJtTH-SlNbn8Jd85CdsB8vXNJvkdJt35f0wRA3oLQ7EKGy1955yuXfuCQPvja_mmMr_9VMlIKXmt1wjJqTKyVe0GNoWg_5GMDpfXcRBlwwLYySarbI8e33wiEJydiX8HO9oyO8K9VMuT3PdMCKgzACLvV_ew0AbNkQW_opGPWnHhmcjkIRlvcaxC7BCREQRNRSfuD4AR-gF2vkMJNmzc4p5e_PnvVOadX6NauL2Bx-jEzFIKFDBKL23s6d5yNwVl9mJ8MdhkT6zJUSKFOMkB1oc5Y86nxR-luKAOH0f9s1en6CfQ_ESZ0qHS9YmrWlM9WR9P-OFbiMhqC_k5TUxU0V958nKzxblELIRb5rHMI5arx0yIE6LuBJgweXspkS8711djoREln8LwnSRuiCnu8Py2BOhx8unVV4xtOPOroFWCCQ_oKpJJ__zxwFIit7sT3OT3whyrQtTbEOmU5SIhyxuZgH0jZa48v7xv2WMBrWOXuYmEN8sKM1Lwr0P2b27eKWHuP1Uw0p1wIfF5US1Fx2oeFD4nLnfRu-D4QeldN6EVeLL_tiugmHhlGf6Od3qKKPFHFFAxDmIX-twxMT4JLYZu4mfvABiULA6qfYlT-en6en5WNPeUeNxc45hlCuiuJWuret9P3fXeqP7v1_cghm36JKjnL9K6cKdXSKJxvq43ialemZ_GEum5d517Bn-t-x8fbKYT2nSa0XUMTPK8PXtVmygMkmGHzrIr5Y4g1z1_sv22JUz7O-c9S2JyhMtMjh8PMyCuOrWml6qP-yngkBIsc4QSpmi5t3u0RgtGPkCaJMkNsKSPGmQrjcAIqOW6a1p-jWzYuiaQLlQLfGUBpwRZ0vgSJUoLM8BL8SOsfwgRFaioMkjLCX6xVo_ewmsdng7jEjyghXL4hwSWaburpNXEeXLDmcS66_l-h_hc7vlLBNpXIQhQf1k22aCrjWToMjWYKpRPMmIUH4YlaLF8lp3jN7pxxunx4XtOT6S7IyygHHHEKucQvDPbTSqwFePViPePLTNoouxSAcnfHt=s0-l75-ft);
    background-size: 10%;
    background-attachment:fixed;
    font-family: "Century Gothic";
}


.logo{
      font-size:0;
}

.logo::after{
    content:"☮️";
    text-shadow: 2px 2px 4px #000;
    color: #fff;
    line-height: 10px;
    font-size: 30px;
    padding: 80px;
    
}
body {
  background: none;
  max-width: 975px;
  margin: 0 auto;
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-size: 400%;
}

a {
  color: #fff;
}

span, b {
  color: #222;
}

* {
  font-weight: 100;
  color: #222;
  
}

h4 {
  color: #c7fffe;
}

#header {
  border-radius: 8px 8px 0 0;
}

#header, #hSub {
  background: #212121 !important;
  padding: 6px !important;
  background: #1b1b1b !important;
  border-bottom: 1px solid #242424 !important;
  position: absolute !important;
  width: calc(100% - 12px ) !important;
}


.topRight {
  margin-top: 20px;
}


#hSub {
  background: -o-linear-gradient(45deg, #1f6f92bb, #113fb933) !important;
  background: linear-gradient(45deg, #1f6f92bb, #113fb933) !important;
  color: #c7fffe !important;
  border-radius: 3px !important;
  padding: 7px !important;
  -webkit-box-shadow: 0 0px 33px 1px #000;
          box-shadow: 0 0px 33px 1px #000;
  -webkit-animation: bgAnimation 6s ease infinite;
          animation: bgAnimation 6s ease infinite;
  background-size: 400% !important;
}
.boxHead, .rightHead {
  color: #fff;
  background: none;
  border-radius: 3px;
  padding: 3px;
}

.boxButton {
  color: #333;
}

.fwiendCount {
  color: #c7fffe;
}

#userWall * {
  background: none;
}

#commentInput {
  background: #3f576e;
  border: 1px solid #333;
}


#avatar {
  border: 5px solid #c7fffe;

}

#name {
  font-size: 60px;
  line-height: 80px;
  margin: 40px 0;
  color: #fff;
  -webkit-animation: neon .08s ease-in-out infinite alternate;
          animation: neon .08s ease-in-out infinite alternate;
  font-family: "Courier New", monospace;
  height: 180px !important;
  width: 250px !important;
}

#name:after {
  content: "!!";
  -webkit-animation: spell 5s ease-in-out infinite;
          animation: spell 5s ease-in-out infinite;
}

.blurbs, #top, #box, .box, #header, #hSub, button {
  background-color: white;
  color: black;
  padding-right: 2px;
  padding-left: 3px;
  padding-top: 3px;
  padding-bottom: 2px;
  blox-shadow: 1px 0 #000,0 1px #000,1px 1px #000,inset 1px 1px #fff,0 0 150px 1px rgba(255,0,255,.5);
  box-shadow: 1px 0 #000, 0 1px #000, 1px 1px #000, inset 1px 1px #fff;
  background-color: #9aabb5;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  color: #000;

}


@-webkit-keyframes neon {
  from {
    text-shadow:
    0 0 6px rgba(202,228,225,0.92),
    0 0 30px rgba(202,228,225,0.34),
    0 0 12px rgba(30,132,242,0.52),
    0 0 21px rgba(30,132,242,0.92),
    0 0 34px rgba(30,132,242,0.78),
    0 0 54px rgba(30,132,242,0.92);
  }
  to {
    text-shadow:
    0 0 6px rgba(202,228,225,0.98),
    0 0 30px rgba(202,228,225,0.42),
    0 0 12px rgba(30,132,242,0.58),
    0 0 22px rgba(30,132,242,0.84),
    0 0 38px rgba(30,132,242,0.88),
    0 0 60px rgba(30,132,242,1);
  }
}


@keyframes neon {
  from {
    text-shadow:
    0 0 6px rgba(202,228,225,0.92),
    0 0 30px rgba(202,228,225,0.34),
    0 0 12px rgba(30,132,242,0.52),
    0 0 21px rgba(30,132,242,0.92),
    0 0 34px rgba(30,132,242,0.78),
    0 0 54px rgba(30,132,242,0.92);
  }
  to {
    text-shadow:
    0 0 6px rgba(202,228,225,0.98),
    0 0 30px rgba(202,228,225,0.42),
    0 0 12px rgba(30,132,242,0.58),
    0 0 22px rgba(30,132,242,0.84),
    0 0 38px rgba(30,132,242,0.88),
    0 0 60px rgba(30,132,242,1);
  }
}

@keyframes spell {
  0% {
    content: "";
  }
  5% {
    content: " ";
  }
  10% {
    content: "! ";
  }
  15% {
    content: "!";
  }
  20% {
    content: "!";
  }
  25% {
    content: "!";
  }
  30% {
    content: "!!";
  }
  35% {
    content: "!!";
  }
  40%, 100% {
    content: "!!";
  }
}

.fwiendFace, .tableLeft {
    transition: 0.5s;
    background: #ffffff00;
}
.fwiendFace:hover {
    border-radius: 10px;
    transform: scale(1.2);
    animation: wob .5s linear infinite;
    box-shadow: 0 0 1rem #fff;
    border: 1px solid #c7fffe;
    transition: 0.5s;
}

.tableLeft:hover {
    border-radius: 30px;
    transform: scale(0.8);
    animation: wob .5s linear infinite;
    box-shadow: 0 0 1rem #fff;
    border: 1px solid #c7fffe;
    transition: 0.5s;
}

/* unvisited link */
a:link {
  color: #9ef4d5;
}

/* visited link */
a:visited {
  color: #BEB5F7;
}

/* mouse over link */
a:hover {
  color: #BEB5F7;
}

/* selected link */
a:active {
  color: #BEB5F7;
}