@import url(https://fonts.googleapis.com/css?family=Homenaje);

body{ background: #444;}

.introimg1{
    position: absolute;
    left: 216px;
    top: 168px;
}

.introimg2{
    position: absolute;
    left: 109px;
    top: 128px;
    display:none;
}


#credits{
    color: white;
    opacity: 0.70;
    position: absolute;
    right:5px;
    bottom:5px;
    font-size: 1em;
    font-family: helvetica;        
}

.introtext{
    font-family: 'Homenaje', sans-serif;
    font-size: 20px;
    color: #AAA;
    position: absolute;
    left: 5px;
    right: 5px;
    top: 250px;
    text-align: center;
    display:none;
}

#intro, #apatia{
   position:absolute;
   width: 640px;
   height: 512px;
   left: 50%;
   top: 50%;
   border: 1px solid #888;
   margin: -256px 0 0 -320px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


#intro {
    background-color: black;
}

#apatia{
   background-image: url(../img/aptmain.jpg);
    display:none;
}

#text {
    color: white;
    float: left;
    margin: 0px;
    height: 500px;
    width: 390px;
    opacity: 0.80;
    padding: 5px;
    background-color: #111;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: 'Homenaje', sans-serif;
    font-size: 18px;
 }
 
 .techinfo{
     color: #CCC;
 }

 #menu {
    color:  white;
    float:  right;
    margin: 0px;
    padding: 0px;
    width:  220px;
    font-size: 1.3em;
    font-family: helvetica;
}

a { text-decoration: none; }

#menu a {
    padding: 0px;
    margin: 0px;
    display: block;
    color: rgba(200, 200, 200, 0.3);
}

#menu a:hover {
   /* background: rgba(200, 0, 0, 0.4); */
    color: rgba(200, 200, 200, 1);

}

.icon {
   background: url(../img/sprite.png);
    display: inline-block;
    height: 62px;
    margin: 5px;
     }

.lap { width: 70px; }
.lau { width: 66px; background-position: -70px 0px; }
.llh { width: 39px; background-position: -136px 0px; }
.lja { width: 45px; background-position: -176px 0px; }
.ldr { width: 41px; background-position: -222px 0px; }
.lwa { width: 45px; background-position: -264px 0px; }


/* typed cursor */
/* http://www.mattboldt.com/demos/typed-js/ */

.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; }
}