@charset "UTF-8";
/* line 1, /Users/zhaolinxu/Documents/Alvin/我的网站/gityx.com/style.scss */
body {
  background: #000;
    zoom: 0.8;
  padding: 0;
  margin: 0;
  position: relative;
  height: 100vh;
  overflow: hidden; }

/* line 10, /Users/zhaolinxu/Documents/Alvin/我的网站/gityx.com/style.scss */
h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  color: #000;
  width: 400px;
  margin: 120px 0 0 -200px;
  font-size: 35px; }

/* line 21, /Users/zhaolinxu/Documents/Alvin/我的网站/gityx.com/style.scss */
.logo {
  position: absolute;
  width: 200px;
  top: 50%;
  left: 50%;
  margin: -150px 0 0 -100px;
  margin-top: -100px;
  -webkit-animation: bounce 1s .2s infinite alternate;
  -moz-animation: bounce 1s .2s infinite alternate; }
  /* line 31, /Users/zhaolinxu/Documents/Alvin/我的网站/gityx.com/style.scss */
  .logo img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%; }
    /* line 39, /Users/zhaolinxu/Documents/Alvin/我的网站/gityx.com/style.scss */
    .logo img.img2 {
      opacity: 0;
      -webkit-animation: glass 1s 0s linear both;
              animation: glass 1s 0s linear both; }
    /* line 44, /Users/zhaolinxu/Documents/Alvin/我的网站/gityx.com/style.scss */
    .logo img.img3 {
      opacity: 0;
      -webkit-animation: smoke 1.2s 0s linear both;
              animation: smoke 1.2s 0s linear both; }
    /* line 49, /Users/zhaolinxu/Documents/Alvin/我的网站/gityx.com/style.scss */
    .logo img.img4 {
      opacity: 0;
      -webkit-animation: neck 1.5s 0s linear both;
              animation: neck 1.5s 0s linear both; }
    /* line 55, /Users/zhaolinxu/Documents/Alvin/我的网站/gityx.com/style.scss */
    .logo img.shine {
      z-index: -1;
      width: 400px;
      margin: -100px 0 0 -100px;
      opacity: 0.5;
      -webkit-animation: zhuan 5s 0s infinite linear;
              animation: zhuan 5s 0s infinite linear; }

@-webkit-keyframes zhuan {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes zhuan {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes neck {
  0% {
    opacity: 0;
    top: 30px; }
  100% {
    opacity: 1;
    top: 0; } }

@keyframes neck {
  0% {
    opacity: 0;
    top: 30px; }
  100% {
    opacity: 1;
    top: 0; } }

@-webkit-keyframes smoke {
  0% {
    opacity: 0;
    top: 20px; }
  100% {
    opacity: 1;
    top: 0; } }

@keyframes smoke {
  0% {
    opacity: 0;
    top: 20px;
    left: 20px; }
  100% {
    opacity: 1;
    top: 0;
    left: 0px; } }

@-webkit-keyframes glass {
  0% {
    opacity: 0;
    top: -20px; }
  100% {
    opacity: 1;
    top: 0; } }

@keyframes glass {
  0% {
    opacity: 0;
    top: -20px; }
  100% {
    opacity: 1;
    top: 0; } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0); }
  100% {
    -webkit-transform: translateY(-10px); } }