@font-face {
    font-family: 'brandon_grotesqueblack_italic';
    src: url('//d15m92c42dwvbi.cloudfront.net/mule/brandongrotesque-blackitalic-webfont.eot');
    src: url('//d15m92c42dwvbi.cloudfront.net/mule/brandongrotesque-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('//d15m92c42dwvbi.cloudfront.net/mule/brandongrotesque-blackitalic-webfont.woff2') format('woff2'),
         url('//d15m92c42dwvbi.cloudfront.net/mule/brandongrotesque-blackitalic-webfont.woff') format('woff'),
         url('//d15m92c42dwvbi.cloudfront.net/mule/brandongrotesque-blackitalic-webfont.ttf') format('truetype');
    font-weight: lighter;
    font-style: normal;
}

html {-webkit-font-smoothing: antialiased}

body {
  margin: 0; 
}

#mainContainer {
  z-index: 70;
  display: block;
  position: absolute;
  overflow: hidden;
  width: 300px;
  height: 600px;
  font-family: sans-serif;
  background-image:url("images/bg.png");
  -webkit-box-shadow:inset 0px 0px 0px 1px #000;
  -moz-box-shadow:inset 0px 0px 0px 1px #000;
  box-shadow:inset 0px 0px 0px 1px #000;
}

#mainContainer:hover {
cursor:pointer;
}

#typeCont {
  color:#c30e2e;
  font-family: "brandon_grotesqueblack_italic";
  font-size: 19px;
  position: absolute;
  left:62px;
  top:18px;
  width:230px;
}

#cursorCont {
  color:#c30e2e;
  font-size: 20px;
  position: absolute;
  left:58px;
  top:39px;
  width:10px;
}

@-moz-document url-prefix() { 
  #cursorCont {
     top:42px;
  }
}

.wipeBox {
  z-index: 1000;
  background-color: #fff;
  position: relative;
  width:0px;
  height:27px;
  left:275px;
  top:38px;
}

.shineBox {
  background-color: #fff;
  width:120px;
  height:20px;
  position: absolute;
  top:72px;
  left:167px;
  opacity: 0;
}

.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}