html {
  font-family: darkScript;
  pointer-events: none; }

.body {
  max-width: 100%;
  color: white; }

.arc {
  display: none;
  transform: translate(50vw, 50vh) translate(-700px, -800px);
  -webkit-transform: translate(50vw, 50vh) translate(-700px, -800px);
  position: relative;
  left: 0px;
  top: 0px; }

#postScroller {
  transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  opacity: 0;
  filter: blur(5px); }

#postScroller:hover {
  opacity: 0.5; }

#postScroller circle {
  pointer-events: auto; }

section#postContent {
  width: 400px;
  height: 400px;
  position: absolute;
  transform: translate(-200px, -200px);
  color: white; }

.post {
  max-width: 80px;
  max-height: 80px;
  transform: translate(-40px, -40px) scale(0.9);
  pointer-events: auto; }

#previewMenu > img {
  pointer-events: auto; }

#menuBG {
  pointer-events: auto; }

.centron {
  position: absolute;
  top: 50%;
  left: 50%; }

.canvas {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px; }

.setZero {
  position: absolute;
  top: 0px;
  left: 0px; }

.signs div {
  position: absolute;
  top: 0px;
  height: 100%;
  width: 0px; }
  .signs div img.sign {
    position: relative;
    left: 0px;
    top: 50%;
    transform: translate(-50px, -50px) scale(3, 3);
    -webkit-transform: translate(-50px, -50px) scale(3, 3); }

.clouds div {
  left: 0px;
  height: 2400px;
  position: fixed;
  background-image: url(../res/cloudGround.png);
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear; }

#tiptool {
  position: absolute;
  left: 0px;
  min-height: 0.5em;
  width: 100%;
  background-color: #131313;
  opacity: 0.8;
  font-size: 20em; }

.top {
  top: 0px; }

.bottom {
  bottom: 0px; }

.grayFade {
  animation: grayIn 1.5s;
  filter: grayscale(1); }

.grayFade:hover {
  animation: grayOut 1.5s; }

.blackOut {
  background-color: #000;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px; }

.centroid {
  position: relative;
  top: 50%;
  left: 50%; }

#pBody {
  background-image: url("res/player/base_body.png");
  height: 410px;
  width: 573px;
  transform: translate(-286.5px, -205px) scale(0.34, 0.34);
  -webkit-transform: translate(-286.5px, -205px) scale(0.34, 0.34); }

.anchor {
  position: absolute;
  height: 1px;
  width: 1px; }

#pNeck {
  background-image: url("res/player/base_neck.png");
  height: 300px;
  width: 240px; }

#pHead {
  background-image: url("res/player/base_head.png");
  width: 310px;
  height: 340px; }

#pArmL {
  background-image: url("res/player/base_armUpper.png");
  height: 400px;
  width: 130px;
  transform: translate(-82px, -66px);
  -webkit-transform: translate(-82px, -66px); }

#pArmLowL {
  background-image: url("res/player/base_armLower.png");
  width: 390px;
  height: 120px;
  transform: translate(-348px, -60px);
  -webkit-transform: translate(-348px, -60px); }

#pHandL {
  background-image: url("res/player/base_handLeft.png");
  width: 320px;
  height: 290px;
  transform: translate(-274px, -34px);
  -webkit-transform: translate(-274px, -34px); }

#pLegL {
  background-image: url("res/player/base_legUpper.png");
  height: 172px;
  width: 414px;
  transform: translate(-334px, -83px);
  -webkit-transform: translate(-334px, -83px); }

#pLegLowL {
  background-image: url("res/player/base_legLower.png");
  width: 440px;
  height: 120px;
  transform: translate(-66px, -52px);
  -webkit-transform: translate(-66px, -52px); }

#pFootL {
  background-image: url("res/player/base_feet.png");
  width: 246px;
  height: 240px;
  transform: translate(-187px, -52px);
  -webkit-transform: translate(-187px, -52px); }

.bloodletter {
  color: #F00; }

.galItem {
  padding: 0px;
  margin: 0px;
  border: 0px; }

.galItem a img {
  pointer-events: auto; }

.star-container {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border-radius: 12px;
  border: 1px solid transparent;
  transition: 0.34s border-color;
  display: flex;
  justify-content: center;
  align-items: center; }

.star-container:hover {
  border-color: white; }

.star-container * {
  pointer-events: auto;
  position: absolute;
  width: 50px;
  height: 50px; }

.star-container div {
  transition: 0.5s transform; }

.star-container div:hover {
  transform: scale(1, 1) !important; }

@font-face {
  font-family: darkScript;
  src: url("../res/DLI DarkScript.ttf"); }
@keyframes grayIn {
  from {
    filter: grayscale(0); }
  to {
    filter: grayscale(1); } }
@keyframes grayOut {
  from {
    filter: grayscale(1); }
  to {
    filter: grayscale(0); } }
@keyframes turn7_2 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(7.2deg); } }
@keyframes turn360 {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(-360deg); } }
#window {
  margin: 20px;
  height: 560px;
  width: 560px;
  border-radius: 280px;
  background-color: transparent; }

.winks {
  position: absolute;
  transform: translate(250px, 250px);
  -webkit-transform: translate(250px, 250px); }
  .winks img {
    position: absolute;
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite; }

@keyframes wink0 {
  0% {
    transform: rotate(0deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); }
  50% {
    transform: rotate(0deg) translate(0, -300px) translate(13px, 16px) rotate(8deg); }
  100% {
    transform: rotate(0deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); } }
@keyframes wink1 {
  0% {
    transform: rotate(60deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); }
  50% {
    transform: rotate(60deg) translate(0, -300px) translate(13px, 16px) rotate(8deg); }
  100% {
    transform: rotate(60deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); } }
@keyframes wink2 {
  0% {
    transform: rotate(120deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); }
  50% {
    transform: rotate(120deg) translate(0, -300px) translate(13px, 16px) rotate(8deg); }
  100% {
    transform: rotate(120deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); } }
@keyframes wink3 {
  0% {
    transform: rotate(180deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); }
  50% {
    transform: rotate(180deg) translate(0, -300px) translate(13px, 16px) rotate(8deg); }
  100% {
    transform: rotate(180deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); } }
@keyframes wink4 {
  0% {
    transform: rotate(240deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); }
  50% {
    transform: rotate(240deg) translate(0, -300px) translate(13px, 16px) rotate(8deg); }
  100% {
    transform: rotate(240deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); } }
@keyframes wink5 {
  0% {
    transform: rotate(300deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); }
  50% {
    transform: rotate(300deg) translate(0, -300px) translate(13px, 16px) rotate(8deg); }
  100% {
    transform: rotate(300deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); } }
@keyframes plate {
  0% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  20% {
    transform: rotate(7.2deg);
    animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  40% {
    transform: rotate(14.4deg);
    animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  60% {
    transform: rotate(21.6deg);
    animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  80% {
    transform: rotate(28.8deg);
    animation-timing-function: linear; }
  97% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  100% {
    transform: rotate(0deg);
    animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); } }
@keyframes claw {
  0% {
    transform: translate(-21px, -21px) translate(300px, 300px) rotate(0deg) translate(232px, 28px);
    animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  20% {
    transform: translate(-21px, -21px) translate(300px, 300px) rotate(7.2deg) translate(232px, 28px);
    animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  40% {
    transform: translate(-21px, -21px) translate(300px, 300px) rotate(14.4deg) translate(232px, 28px);
    animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  60% {
    transform: translate(-21px, -21px) translate(300px, 300px) rotate(21.6deg) translate(232px, 28px);
    animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  80% {
    transform: translate(-21px, -21px) translate(300px, 300px) rotate(28.8deg) translate(232px, 28px) rotate(0deg);
    animation-timing-function: linear; }
  97% {
    transform: translate(-21px, -21px) translate(300px, 300px) rotate(0deg) translate(232px, 28px) rotate(360deg);
    animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  100% {
    transform: translate(-21px, -21px) translate(300px, 300px) rotate(0deg) translate(232px, 28px) rotate(360deg);
    animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); } }
@-webkit-keyframes turn7_2 {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(7.2deg); } }
@-webkit-keyframes turn360 {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(-360deg); } }
@-webkit-keyframes wink0 {
  0% {
    -webkit-transform: rotate(0deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); }
  50% {
    -webkit-transform: rotate(0deg) translate(0, -300px) translate(13px, 16px) rotate(8deg); }
  100% {
    -webkit-transform: rotate(0deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); } }
@-webkit-keyframes wink1 {
  0% {
    -webkit-transform: rotate(60deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); }
  50% {
    -webkit-transform: rotate(60deg) translate(0, -300px) translate(13px, 16px) rotate(8deg); }
  100% {
    -webkit-transform: rotate(60deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); } }
@-webkit-keyframes wink2 {
  0% {
    -webkit-transform: rotate(120deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); }
  50% {
    -webkit-transform: rotate(120deg) translate(0, -300px) translate(13px, 16px) rotate(8deg); }
  100% {
    -webkit-transform: rotate(120deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); } }
@-webkit-keyframes wink3 {
  0% {
    -webkit-transform: rotate(180deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); }
  50% {
    -webkit-transform: rotate(180deg) translate(0, -300px) translate(13px, 16px) rotate(8deg); }
  100% {
    -webkit-transform: rotate(180deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); } }
@-webkit-keyframes wink4 {
  0% {
    -webkit-transform: rotate(240deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); }
  50% {
    -webkit-transform: rotate(240deg) translate(0, -300px) translate(13px, 16px) rotate(8deg); }
  100% {
    -webkit-transform: rotate(240deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); } }
@-webkit-keyframes wink5 {
  0% {
    -webkit-transform: rotate(300deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); }
  50% {
    -webkit-transform: rotate(300deg) translate(0, -300px) translate(13px, 16px) rotate(8deg); }
  100% {
    -webkit-transform: rotate(300deg) translate(0, -300px) translate(13px, 16px) rotate(-10deg); } }
@-webkit-keyframes plate {
  0% {
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  20% {
    -webkit-transform: rotate(7.2deg);
    -webkit-animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  40% {
    -webkit-transform: rotate(14.4deg);
    -webkit-animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  60% {
    -webkit-transform: rotate(21.6deg);
    -webkit-animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  80% {
    -webkit-transform: rotate(28.8deg);
    -webkit-animation-timing-function: linear; }
  97% {
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  100% {
    -webkit-transform: rotate(0deg);
    -webkit-animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); } }
@-webkit-keyframes claw {
  0% {
    -webkit-transform: translate(-21px, -21px) translate(300px, 300px) rotate(0deg) translate(232px, 28px);
    -webkit-animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  20% {
    -webkit-transform: translate(-21px, -21px) translate(300px, 300px) rotate(7.2deg) translate(232px, 28px);
    -webkit-animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  40% {
    -webkit-transform: translate(-21px, -21px) translate(300px, 300px) rotate(14.4deg) translate(232px, 28px);
    -webkit-animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  60% {
    -webkit-transform: translate(-21px, -21px) translate(300px, 300px) rotate(21.6deg) translate(232px, 28px);
    -webkit-animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  80% {
    -webkit-transform: translate(-21px, -21px) translate(300px, 300px) rotate(28.8deg) translate(232px, 28px) rotate(0deg);
    -webkit-animation-timing-function: linear; }
  97% {
    -webkit-transform: translate(-21px, -21px) translate(300px, 300px) rotate(0deg) translate(232px, 28px) rotate(360deg);
    -webkit-animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); }
  100% {
    -webkit-transform: translate(-21px, -21px) translate(300px, 300px) rotate(0deg) translate(232px, 28px) rotate(360deg);
    -webkit-animation-timing-function: cubic-bezier(0, 1.24, 0.125, 1); } }
@-webkit-keyframes cloud1 {
  from {
    -webkit-transform: translate(-1948px);
    -ms-transform: translate(-1948px);
    transform: translate(-1948px); }
  to {
    -webkit-transform: translate(-4432px);
    -ms-transform: translate(-4432px);
    transform: translate(-4432px); } }
@keyframes cloud1 {
  from {
    -webkit-transform: translate(-1948px);
    -ms-transform: translate(-1948px);
    transform: translate(-1948px); }
  to {
    -webkit-transform: translate(-4432px);
    -ms-transform: translate(-4432px);
    transform: translate(-4432px); } }
@-webkit-keyframes cloud2 {
  from {
    -webkit-transform: translate(0px);
    -ms-transform: translate(0px);
    transform: translate(0px); }
  to {
    -webkit-transform: translate(-2484px);
    -ms-transform: translate(-2484px);
    transform: translate(-2484px); } }
@keyframes cloud2 {
  from {
    -webkit-transform: translate(0px);
    -ms-transform: translate(0px);
    transform: translate(0px); }
  to {
    -webkit-transform: translate(-2484px);
    -ms-transform: translate(-2484px);
    transform: translate(-2484px); } }
@-webkit-keyframes cloud3 {
  from {
    -webkit-transform: translate(-777px) scale(1, -1);
    -ms-transform: translate(-777px) scale(1, -1);
    transform: translate(-777px) scale(1, -1); }
  to {
    -webkit-transform: translate(-3261px) scale(1, -1);
    -ms-transform: translate(-3261px) scale(1, -1);
    transform: translate(-3261px) scale(1, -1); } }
@keyframes cloud3 {
  from {
    -webkit-transform: translate(-777px) scale(1, -1);
    -ms-transform: translate(-777px) scale(1, -1);
    transform: translate(-777px) scale(1, -1); }
  to {
    -webkit-transform: translate(-3261px) scale(1, -1);
    -ms-transform: translate(-3261px) scale(1, -1);
    transform: translate(-3261px) scale(1, -1); } }
@-webkit-keyframes logo {
  0% {
    opacity: 0; }
  94% {
    opacity: 0; }
  97% {
    opacity: 0.008; }
  100% {
    opacity: 0; } }
@keyframes logo {
  0% {
    opacity: 0; }
  94% {
    opacity: 0; }
  97% {
    opacity: 0.008; }
  100% {
    opacity: 0; } }
@-webkit-keyframes shadow {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0; }
  20% {
    -webkit-transform: scale(0.25);
    -ms-transform: scale(0.25);
    transform: scale(0.25);
    opacity: 1; }
  60% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.66; }
  80% {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    opacity: 0.33; }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@keyframes shadow {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 0; }
  20% {
    -webkit-transform: scale(0.25);
    -ms-transform: scale(0.25);
    transform: scale(0.25);
    opacity: 1; }
  60% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.66; }
  80% {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
    opacity: 0.33; }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes hide {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  20% {
    -webkit-transform: scale(0.25);
    -ms-transform: scale(0.25);
    transform: scale(0.25); }
  30% {
    -webkit-transform: scale(0, 0.25);
    -ms-transform: scale(0, 0.25);
    transform: scale(0, 0.25); }
  100% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); } }
@keyframes hide {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  20% {
    -webkit-transform: scale(0.25);
    -ms-transform: scale(0.25);
    transform: scale(0.25); }
  30% {
    -webkit-transform: scale(0, 0.25);
    -ms-transform: scale(0, 0.25);
    transform: scale(0, 0.25); }
  100% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); } }
@-webkit-keyframes show {
  0% {
    -webkit-transform: scale(0, 0.25);
    -ms-transform: scale(0, 0.25);
    transform: scale(0, 0.25); }
  20% {
    -webkit-transform: scale(0, 0.25);
    -ms-transform: scale(0, 0.25);
    transform: scale(0, 0.25); }
  30% {
    -webkit-transform: scale(0, 0.25);
    -ms-transform: scale(0, 0.25);
    transform: scale(0, 0.25); }
  40% {
    -webkit-transform: scale(0.25, 0.25);
    -ms-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25); }
  60% {
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5); }
  80% {
    -webkit-transform: scale(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }
@keyframes show {
  0% {
    -webkit-transform: scale(0, 0.25);
    -ms-transform: scale(0, 0.25);
    transform: scale(0, 0.25); }
  20% {
    -webkit-transform: scale(0, 0.25);
    -ms-transform: scale(0, 0.25);
    transform: scale(0, 0.25); }
  30% {
    -webkit-transform: scale(0, 0.25);
    -ms-transform: scale(0, 0.25);
    transform: scale(0, 0.25); }
  40% {
    -webkit-transform: scale(0.25, 0.25);
    -ms-transform: scale(0.25, 0.25);
    transform: scale(0.25, 0.25); }
  60% {
    -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5); }
  80% {
    -webkit-transform: scale(0.75, 0.75);
    -ms-transform: scale(0.75, 0.75);
    transform: scale(0.75, 0.75); }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } }

/*# sourceMappingURL=style.css.map */