img:hover {
    opacity: 0.7;
       filter: alpha(opacity=50); /* For IE8 and earlier */
}

.introImageDiv {
    display: block;
    background-color: black;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid black;
}

@keyframes explode {
    0%   {opacity: 1;}
    50%   {opacity: 0.7; width: 20%; height: 20%; }
    100%   {opacity: 0; width: 0%; height: 0%; }
}

#introImage {

display: block;
opacity: 0.5;
animation-fill-mode: forwards;
animation: landing 1.5s;
animation-iteration-count: 100;
cursor: pointer;
}

/* Logo blinkinng animation */
@keyframes landing {
    0%   {opacity: 1;}
    50%   {opacity: 0.7;}
    100%   {opacity: 1;}
}

/* Logo disappear animation */
@keyframes die {
    0%   {opacity: 1;}
    100%   {opacity: 0;}
}

@keyframes test {
    0%   {top: 50%;}
    100%   {top: 80%;}
}

.resistanceTextDiv {
    display: block;
    position: fixed;
    top: 72%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid black;
    width: 100em;
    text-align: center;
    z-index: 1;
}

.resistanceText{
    position: relative;
    color: white;
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    width: 14.9em;
    font-size: 100%;
    z-index: 2;
}

/* Animation for typing "Resistance is Futile" in a typewriter way */
.anim-typewriter{
  animation: typewriter 1s steps(44) 0.3s 1 normal both,
             blinkTextCursor 1000ms steps(44) infinite normal;
}

@keyframes typewriter{
  from{width: 0;}
  to{width: 14.9em;}
}

@keyframes blinkTextCursor{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}

/* END of Inside_Spaceman_Intro part */