.mirror{
  display:inline-block;
  text-indent:0;
  position:relative;
  -webkit-transform:rotateY(180deg);
     -moz-transform:rotateY(180deg);
          transform:rotateY(180deg);
}

#door-open {
  display: inline-block;
  text-indent: 0;
  -webkit-transform-origin: left 20%;
     -moz-transform-origin: left 20%;
      -ms-transform-origin: left 20%;
       -o-transform-origin: left 20%;
          transform-origin: left 20%;
  -webkit-animation: door-open 2.00s 0.1s ease-out forwards;
     -moz-animation: door-open 2.00s 0.1s ease-out forwards;
       -o-animation: door-open 2.00s 0.1s ease-out forwards;
          animation: door-open 2.00s 0.1s ease-out forwards;
}

@-webkit-keyframes door-open {
   24%{-webkit-transform: rotate(-05deg);transform: rotate(-05deg);}
   65%{-webkit-transform: rotate(-05deg);transform: rotate(-05deg);}
   77%{-webkit-transform: rotate(-13deg);transform: rotate(-13deg);}
  100%{-webkit-transform: rotate(-12.33deg);transform: rotate(-12.33deg);}
}
@-moz-keyframes door-open {
   24%{-moz-transform: rotate(-05deg);transform: rotate(-05deg);}
   65%{-moz-transform: rotate(-05deg);transform: rotate(-05deg);}
   77%{-moz-transform: rotate(-13deg);transform: rotate(-13deg);}
  100%{-moz-transform: rotate(-12.33deg);transform: rotate(-12.33deg);}
}
@-o-keyframes door-open {
   24%{-o-transform: rotate(-05deg);transform: rotate(-05deg);}
   65%{-o-transform: rotate(-05deg);transform: rotate(-05deg);}
   77%{-o-transform: rotate(-13deg);transform: rotate(-13deg);}
  100%{-o-transform: rotate(-12.33deg);transform: rotate(-12.33deg);}
}
@keyframes door-open {
   24%{-webkit-transform: rotate(-05deg);-moz-transform: rotate(-05deg);-o-transform: rotate(-05deg);transform: rotate(-05deg);}
   65%{-webkit-transform: rotate(-05deg);-moz-transform: rotate(-05deg);-o-transform: rotate(-05deg);transform: rotate(-05deg);}
   77%{-webkit-transform: rotate(-13deg);-moz-transform: rotate(-13deg);-o-transform: rotate(-13deg);transform: rotate(-13deg);}
  100%{-webkit-transform: rotate(-12.33deg);-moz-transform: rotate(-12.33deg);-o-transform: rotate(-12.33deg);transform: rotate(-12.33deg);}
}

.three-d { /*shadows to make text appear 3D*/
  text-shadow: 1px -1px 0.5px #A3A3A3, 1.1px -1.1px 0px #3B3B3B;
}

.dash-wide{
  display:inline-block;
  text-indent:0;
  letter-spacing:4px;
  font-family: 'Still Time', serif;
  -webkit-transform:scale(1.25,1.04) translate(1px,-1px);
     -moz-transform:scale(1.25,1.04) translate(1px,-1px);
      -ms-transform:scale(1.25,1.04) translate(1px,-1px);
       -o-transform:scale(1.25,1.04) translate(1px,-1px);
          transform:scale(1.25,1.04) translate(1px,-1px);
}

.glow-fade-in { /* glow-fades in via color change and opacity. */
  opacity:0;
  color: transparent;
  text-shadow: 0px 0px 10px #000000;
  -webkit-animation: glow-fade-in 2.1s ease-in forwards;
     -moz-animation: glow-fade-in 2.1s ease-in forwards;
       -o-animation: glow-fade-in 2.1s ease-in forwards;
          animation: glow-fade-in 2.1s ease-in forwards;
}

@-webkit-keyframes glow-fade-in {
   30% {opacity:0.8; text-shadow: 0px 0px 0px #C2D400, 0px 0px 3px #FFFF00;}
  100% {opacity:1.0; text-shadow: 0px 0px 0px #000000, 0px 0px 1px #FFFF00;}
}
@-moz-keyframes glow-fade-in {
   30% {opacity:0.8; text-shadow: 0px 0px 0px #C2D400, 0px 0px 3px #FFFF00;}
  100% {opacity:1.0; text-shadow: 0px 0px 0px #000000, 0px 0px 1px #FFFF00;}
}
@-o-keyframes glow-fade-in {
   30% {opacity:0.8; text-shadow: 0px 0px 0px #C2D400, 0px 0px 3px #FFFF00;}
  100% {opacity:1.0; text-shadow: 0px 0px 0px #000000, 0px 0px 1px #FFFF00;}
}
@keyframes glow-fade-in {
   30% {opacity:0.8; text-shadow: 0px 0px 0px #C2D400, 0px 0px 3px #FFFF00;}
  100% {opacity:1.0; text-shadow: 0px 0px 0px #000000, 0px 0px 1px #FFFF00;}
}

#stretch-so-far-away{
  letter-spacing:0;
  -webkit-animation:stretch-so-far-away 1.8s ease-out forwards;
     -moz-animation:stretch-so-far-away 1.8s ease-out forwards;
       -o-animation:stretch-so-far-away 1.8s ease-out forwards;
          animation:stretch-so-far-away 1.8s ease-out forwards;
}

@-webkit-keyframes stretch-so-far-away{100%{letter-spacing:11px; opacity:0.5;}}
@-moz-keyframes stretch-so-far-away{100%{letter-spacing:11px; opacity:0.5;}}
@-o-keyframes stretch-so-far-away{100%{letter-spacing:11px; opacity:0.5;}}
@keyframes stretch-so-far-away{100%{letter-spacing:11px; opacity:0.5;}}

#letgo-stretch {
  display:inline-block;
  text-indent:0;
  letter-spacing:0;
  -webkit-animation: letgo-stretch 1.7s forwards;
     -moz-animation: letgo-stretch 1.7s forwards;
       -o-animation: letgo-stretch 1.7s forwards;
          animation: letgo-stretch 1.7s forwards;
}

@-webkit-keyframes letgo-stretch{100%{letter-spacing:6px; opacity:0.5;}}
@-moz-keyframes letgo-stretch{100%{letter-spacing:6px; opacity:0.5;}}
@-o-keyframes letgo-stretch{100%{letter-spacing:6px; opacity:0.5;}}
@keyframes letgo-stretch{100%{letter-spacing:6px; opacity:0.5;}}

#letgo-stretch2{
  display:inline-block;
  text-indent:0;
  letter-spacing: 0;
  -webkit-animation:letgo-stretch2 3.0s 1.9s forwards;
     -moz-animation:letgo-stretch2 3.0s 1.9s forwards;
       -o-animation:letgo-stretch2 3.0s 1.9s forwards;
          animation:letgo-stretch2 3.0s 1.9s forwards;
}

@-webkit-keyframes letgo-stretch2{100%{letter-spacing:07px; opacity:0.30;}}
@-moz-keyframes letgo-stretch2{100%{letter-spacing:07px; opacity:0.30;}}
@-o-keyframes letgo-stretch2{100%{letter-spacing:07px; opacity:0.30;}}
@keyframes letgo-stretch2{100%{letter-spacing:07px; opacity:0.30;}}

#awsom-stretch{
  display:inline-block;
  text-indent:0;
  letter-spacing:0;
  -webkit-animation:awsom-stretch 3.8s 4.4s forwards;
     -moz-animation:awsom-stretch 3.8s 4.4s forwards;
       -o-animation:awsom-stretch 3.8s 4.4s forwards;
          animation:awsom-stretch 3.8s 4.4s forwards;
}

@-webkit-keyframes awsom-stretch{100% { letter-spacing:09px; opacity: 0.15;} }
@-moz-keyframes awsom-stretch{100% { letter-spacing:09px; opacity: 0.15;} }
@-o-keyframes awsom-stretch{100% { letter-spacing:09px; opacity: 0.15;} }
@keyframes awsom-stretch{100% { letter-spacing:09px; opacity: 0.15;} }

#end-fade{
  -webkit-animation:fade-out 5.25s 6.4s ease-in forwards;
     -moz-animation:fade-out 5.25s 6.4s ease-in forwards;
       -o-animation:fade-out 5.25s 6.4s ease-in forwards;
          animation:fade-out 5.25s 6.4s ease-in forwards;
}