#Loader {
  position: absolute;
  left: calc(50% - 7.5vmin);
  top: calc(50% - 7.5vmin);
  z-index: 1;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 15vmin;
  height: 15vmin;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

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

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


@keyframes SphereZoom {
  from { 
transform: scale(.25);opacity:0;}
  to {
transform: scale(1);opacity:1; }
}

@keyframes SlideRight { 
  from{ right:-100px; opacity:0 } 
  to{ right:0; opacity:1 }
}

@keyframes Fade {
  from { 
opacity:0;}
  to {
opacity:1; }
}

@keyframes PageFade {
  from { 
opacity:0.1;
transform: scale(0.9)translateX(-5vmin);
  }
  to {
opacity:1;
transform: scale(1);
  }
}

@keyframes RingLoad {
    0%      {transform: scale(1);  }
    50%     {transform: scale(1.25)translateX(2vmin);}
    100%    {transform: scale(1);  }
}


@keyframes SkillLoad {
  0% { 
transform: translateX(-50%)scaleX(0.001);
  }
  50% { 
transform: translateX(-50%)scaleX(0.001);
  }
  100% {
transform: scale(1);
  }
}

@keyframes Typewriter {
  0% {
    width: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}

@keyframes blink {
  50% {
    border-color: transparent;
  }
}