* {
  margin: 0;
  padding: 0;
}

html {
  background-color: rgb(200, 210, 234);
  padding: 3.82px;
}

h2 {
  font-size: 1.382em;
  color: rgb(42, 42, 42);
}

li {
  width: 50vw;
  margin: 0 50%;
  transform: translate(-50%, -50%);
}

p {
  width: 50vw;
  margin: 0 50%;
  margin-top: 2em;
  transform: translate(-50%, -50%);
}

.contactContainer {
  position: fixed;
  width: 20em;
  height: 10vh;
  left: 1.3em;
  top: 10em;
  perspective: 18em;
  transform-style: preserve-3d;
  z-index: 1;
}

.ledge {
  position: fixed;
  left: -0.65em;
  top: 0.27em;
  text-decoration: double underline;
}

.contact {
  position: absolute;
  scale: 1.8;
  top: 2.6em;
  transform-style: preserve-3d;
  text-align: center;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  transform: rotateY(180deg) translateX(-0.8em) rotateZ(270deg);
  animation: noticeMe 60s infinite linear;
}

@keyframes noticeMe {
  0% {
    transform: rotateY(180deg) translateX(2vw) rotateZ(270deg);
  }
  3% {
    transform: rotateY(180deg) translateX(-0.8vw) rotateZ(270deg);
  }
  7% {
    transform: rotateY(180deg) translateX(-0.8vw) rotateZ(270deg);
  }
  9% {
    transform: translateX(-1.2vw) rotateZ(270deg) rotateY(3deg);
  }
  13% {
    transform: translateX(-1.2vw) rotateZ(270deg) rotateY(-9deg);
  }
  15% {
    transform: translateX(-1.2vw) rotateZ(270deg) rotateY(0deg);
  }
  25% {
    transform: translateX(-0.5vw) rotateZ(280deg);
  }
  25.7% {
    transform: translateX(-0.5vw) rotateZ(270deg);
  }
  32% {
    transform: translateX(-0.5vw) rotateZ(270deg);
  }
  35% {
    text-align: center;
    transform: translateX(-0.8vw) rotateZ(280deg) rotateY(-8deg);
  }
  35.5% {
    text-align: left;
    transform: translateX(0.3vw) rotateZ(260deg) rotateY(8deg);
  }
  36% {
    text-align: right;
    transform: translateX(-1vw) rotateZ(275deg) rotateY(-12deg);
  }
  36.5% {
    text-align: left;
    transform: translateX(-1.2vw) rotateZ(280deg) rotateY(5deg);
  }
  37% {
    text-align: left;
    transform: translateX(-1.8vw) rotateZ(275deg) rotateY(0deg);
  }
  38% {
    text-align: right;
    transform: translateX(1.2vw) rotateZ(265deg) rotateY(-13deg);
  }
  40% {
    text-align: center;
    transform: translateY(90vh) translateX(5vw) rotateZ(450deg) rotateX(180deg);
  }
  50% {
    transform: translateY(0%) translateX(-0.5vw) rotateZ(270deg);
  }
  74% {
    transform: translateX(-0.5vw) rotateZ(270deg);
  }
  86% {
    transform: translateX(40vw) rotateZ(360deg) translateY(-5vh) rotateY(360deg) translateZ(30vw);
  }
  96% {
    transform: translateX(10vw) rotateZ(360deg) translateY(-15vh) rotateY(-10deg) translateZ(5vw);
  }
  100% {
    transform: translateX(-25vw) rotateZ(380deg) translateY(0vh) rotateY(0deg) translateZ(0vw);
  }
}
.contact a {
  text-decoration: none;
  color: rgb(171, 184, 205);
}

.contactSides {
  position: absolute;
  width: 10em;
  top: -1.5em;
  transform-style: preserve-3d;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 0.5em;
}

.contactSide1 {
  background-color: rgb(21, 21, 21);
  transform: translateZ(0.58em) translateY(0em) rotateX(0deg);
}

.contactSide2 {
  background-color: aquamarine;
  transform: translateZ(0em) translateY(-0.58em) rotateZ(180deg) rotateY(180deg) rotateX(-90deg);
}

.contactSide3 {
  background-color: rgb(21, 21, 21);
  transform: translateZ(-0.58em) translateY(0em) rotateX(0deg) rotateY(180deg) rotateZ(0deg);
}

.contactSide4 {
  background-color: rgb(189, 0, 189);
  transform: translateZ(0em) translateY(0.58em) rotateX(-90deg);
}

footer {
  position: fixed;
  bottom: 0vh;
  left: -0.618vw;
  right: -0.618vw;
  width: auto;
  height: 1em;
  text-align: end;
  background-color: transparent;
  z-index: 1;
}

.footerGfD {
  position: fixed;
  right: 8.9em;
  bottom: 0.618em;
  font-size: 0.618em;
  text-decoration: none;
  color: rgba(89, 89, 89, 0.34);
  background-color: rgba(200, 200, 200, 0.13);
}

.footerGfA {
  position: fixed;
  right: 1.618em;
  bottom: 0.618em;
  font-size: 0.618em;
  text-decoration: none;
  color: rgba(89, 89, 89, 0.34);
  background-color: rgba(200, 200, 200, 0.13);
}