.cubewrapper {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  height: 350px;
  margin-top: 32px;
  margin-right: auto;
  margin-left: auto;
  background-image: -webkit-linear-gradient(270deg, hsla(26, 34%, 68%, 0), hsla(26, 34%, 68%, 0));
  background-image: linear-gradient(180deg, hsla(26, 34%, 68%, 0), hsla(26, 34%, 68%, 0));
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.cube {
  position: fixed;
  left: 0px;
  top: 142px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 450px;
  height: 450px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
  -webkit-transform: rotateX(-87deg) rotateY(-180deg) rotateZ(180deg);
  transform: rotateX(-87deg) rotateY(-180deg) rotateZ(180deg);
  text-align: left;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

._1 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border: 3px none #fff;
  background-image: -webkit-linear-gradient(270deg, #000, #000);
  background-image: linear-gradient(180deg, #000, #000);
  -webkit-transform: translate3d(0px, 0px, -125px);
  transform: translate3d(0px, 0px, -125px);
  color: #fff;
  text-decoration: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

._2 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border: 3px none #fff;
  background-image: -webkit-linear-gradient(270deg, #000, #000);
  background-image: linear-gradient(180deg, #000, #000);
  -webkit-transform: translate(0px, 125px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
  transform: translate(0px, 125px) rotateX(90deg) rotateY(0deg) rotateZ(0deg);
  color: #fff;
  text-align: center;
  text-decoration: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

._3 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border: 3px none #fff;
  background-image: -webkit-linear-gradient(270deg, #000, #000);
  background-image: linear-gradient(180deg, #000, #000);
  -webkit-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) translate3d(0px, 0px, -125px);
  transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) translate3d(0px, 0px, -125px);
  color: #fff;
  text-align: center;
  text-decoration: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

._4 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border: 3px none #fff;
  background-image: -webkit-linear-gradient(270deg, #000, #000);
  background-image: linear-gradient(180deg, #000, #000);
  -webkit-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) translate3d(0px, 0px, 125px);
  transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg) translate3d(0px, 0px, 125px);
  color: #fff;
  text-align: center;
  text-decoration: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

._5 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border: 3px none #fffdfd;
  background-image: -webkit-linear-gradient(270deg, #000, #000);
  background-image: linear-gradient(180deg, #000, #000);
  -webkit-transform: translate3d(0px, 0px, 125px);
  transform: translate3d(0px, 0px, 125px);
  color: #fff;
  text-align: center;
  text-decoration: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

._6 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  border: 3px none #fff;
  background-image: -webkit-linear-gradient(270deg, #000, #000);
  background-image: linear-gradient(180deg, #000, #000);
  -webkit-transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 125px);
  transform: rotateX(90deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, 0px, 125px);
  color: #fff;
  text-align: center;
  text-decoration: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.body {
  height: 9500px;
  background-image: -webkit-linear-gradient(270deg, #fff, #fff), -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
  background-image: linear-gradient(180deg, #fff, #fff), linear-gradient(180deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
}

.heading {
  font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.text-block {
  direction: ltr;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  color: #fff;
  font-size: 150px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
}

.vjjv {
  font-size: 150px;
  text-align: center;
  text-decoration: none;
  -webkit-column-count: 1;
  column-count: 1;
}

._360 {
  -webkit-transform: rotate(90deg) translate3d(194px, 19px, 102px);
  transform: rotate(90deg) translate3d(194px, 19px, 102px);
  font-size: 140px;
  line-height: 100px;
  font-weight: 900;
  text-align: left;
  letter-spacing: -12px;
  text-decoration: none;
  -webkit-column-count: 1;
  column-count: 1;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.visual {
  border: 3px none #fff;
  -webkit-transform: rotateX(0deg) rotateY(-180deg) rotateZ(-90deg) translate3d(-88px, 9px, 102px);
  transform: rotateX(0deg) rotateY(-180deg) rotateZ(-90deg) translate3d(-88px, 9px, 102px);
  font-size: 130px;
  line-height: 100px;
  font-weight: 900;
  text-align: left;
  letter-spacing: -15px;
  -webkit-column-count: 1;
  column-count: 1;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.vjjvvjjv {
  -webkit-transform: translate3d(0px, 0px, 102px);
  transform: translate3d(0px, 0px, 102px);
  font-size: 300px;
  line-height: 220px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-column-count: 1;
  column-count: 1;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.web-design {
  -webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, -88px, 102px);
  transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, -88px, 102px);
  font-size: 130px;
  line-height: 110px;
  font-weight: 900;
  letter-spacing: -15px;
  -webkit-column-count: 1;
  column-count: 1;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.visuals {
  -webkit-transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, -97px, 106px);
  transform: rotateX(180deg) rotateY(0deg) rotateZ(0deg) translate3d(0px, -97px, 106px);
  font-size: 150px;
  line-height: 110px;
  font-weight: 900;
  text-align: center;
  letter-spacing: -18px;
  -webkit-column-count: 1;
  column-count: 1;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.contact {
  -webkit-transform: translate3d(79px, 111px, 125px);
  transform: translate3d(79px, 111px, 125px);
  font-size: 140px;
  line-height: 110px;
  font-weight: 900;
  text-align: left;
  letter-spacing: -20px;
  -webkit-column-count: 1;
  column-count: 1;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.parallax {
  position: static;
  bottom: 0px;
  display: block;
  width: 200px;
  height: 9000px;
  margin: 153px auto 53px;
  padding-bottom: 63px;
  background-image: -webkit-linear-gradient(270deg, transparent, transparent);
  background-image: linear-gradient(180deg, transparent, transparent);
}

.site-en-constructio {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  overflow: visible;
  width: 350px;
  margin-top: 21px;
  margin-right: auto;
  margin-left: auto;
  clear: none;
  -webkit-transform: translate(74px, 0px);
  -ms-transform: translate(74px, 0px);
  transform: translate(74px, 0px);
  font-size: 15px;
  line-height: 35px;
  font-weight: 900;
  text-align: right;
  letter-spacing: -1px;
  text-transform: uppercase;
}

.mail {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  overflow: visible;
  width: 350px;
  margin: 21px auto 11px;
  -webkit-transform: translate(-199px, 0px);
  -ms-transform: translate(-199px, 0px);
  transform: translate(-199px, 0px);
  font-size: 15px;
  line-height: 35px;
  font-weight: 900;
  text-align: center;
  letter-spacing: -1px;
  text-transform: uppercase;
}

@media (max-width: 479px) {
  .cubewrapper {
    -webkit-transform: scale(0.39) translate(-74px, -5px);
    -ms-transform: scale(0.39) translate(-74px, -5px);
    transform: scale(0.39) translate(-74px, -5px);
  }
  .cube {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 450px;
    height: 450px;
    -webkit-transform: rotateX(-87deg) rotateY(-180deg) rotateZ(180deg);
    transform: rotateX(-87deg) rotateY(-180deg) rotateZ(180deg);
  }
  .site-en-constructio {
    -webkit-transform: translate(-42px, 0px);
    -ms-transform: translate(-42px, 0px);
    transform: translate(-42px, 0px);
  }
  .mail {
    -webkit-transform: translate(-111px, 0px);
    -ms-transform: translate(-111px, 0px);
    transform: translate(-111px, 0px);
  }
}