html, body {
	  width: 100%;
	  margin: 0;
	  height: 100%;
	  overflow: auto;
	}
    body {
      transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
      transform-style: preserve-3d;
      background-color: #1a1a1a;
    }
    .gwd-img-gekg {
	  position: absolute;
	  width: 256px;
	  height: 256px;
	  left: 50%;
	  top: 50%;
	  margin-top: -165px;
	  margin-left: -128px;
	  transform-style: preserve-3d;
	  transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1);
    }
	.gwd-img-udtb {
      position: absolute;
	  width: 256px;
	  height: 256px;
	  left: 50%;
	  top: 50%;
	  margin-top: -165px;
	  margin-left: -128px;
	  transform-style: preserve-3d;
	  transform:scale3d(0, 1, 1);
    }
	.htmlNoPages .gwd-gen-cccpgwdanimation {
      animation: gwd-gen-cccpgwdanimation_gwd-keyframes 1s linear 0s 1 normal forwards;
    }
	.htmlNoPages .gwd-gen-10r4gwdanimation {
      animation: gwd-gen-10r4gwdanimation_gwd-keyframes 1s linear 0s 1 normal forwards;
    }
    @keyframes gwd-gen-10r4gwdanimation_gwd-keyframes {
      0% {
        transform: scale3d(1, 1, 1);
        animation-timing-function: ease-in-out;
      }
      50% {
        transform: scale3d(0, 1, 1);
        animation-timing-function: ease-in-out;
      }
      100% {
        transform: scale3d(0, 1, 1);
        animation-timing-function: linear;
      }
    }
    @keyframes gwd-gen-cccpgwdanimation_gwd-keyframes {
      0% {
        transform: scale3d(0, 1, 1);
        animation-timing-function: ease-in-out;
      }
      50% {
        transform: scale3d(0, 1, 1);
        animation-timing-function: ease-in-out;
      }
      100% {
        transform: scale3d(1, 1, 1);
        animation-timing-function: linear;
      }
    }
	@font-face {
		font-family: ComicSans;
		src: url(comic.ttf);
	}
	.container {
	  text-align: center;
	  font-family: ComicSans;
	  position: absolute;
	  width: 400px;
	  height: 160px;
	  left: 50%;
	  top: 50%;
	  margin-top: 100px;
	  margin-left: -200px;
	  color: rgb(255, 255, 255);
	}
	.text {
	  margin: 0;
	  padding: 0;
	}
	.fa {
	  position: relative;
      padding: 20px;
      width: 15px;
      border-radius: 50%;
      text-decoration: none;
	}
	.fa:hover {
		opacity: 0.7;
	}
	.fa-instagram {
		background: #125688;
		color: white;
	}
	.fa-twitter {
		background: #55ACEE;
		color: white;
	}
	.fa-youtube {
		background: #BB0000;
		color: white;
	}
	.fa-steam {
		background: #000000;
		color: white;
	}
	.fa-paypal {
		background: #003087;
		color: white;
	}
	
	.fa-server {
	background: #778899;
	color: white;
	}
	
	
	@keyframes buttons {
	  0% {
		opacity: 0;
	  }
	  99% {
		opacity: 100;
	  }
	  100% {
	  }
	}
	@keyframes text {
	  0% {
		opacity: 0;
	  }
	  100% {
		opacity: 100;
	  }
	}
	.buttons:hover {
		opacity: 0.7;
	}
	.htmlNoPages .buttons {
      animation: buttons 2s ease-in-out 0s 1 normal forwards;
	  margin-top: 15px;
    }
	.htmlNoPages .text {
      animation: buttons 2s ease-in-out 0s 1 normal forwards;
    }