@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin,latin-ext);

a:hover, a:active, a:focus {
    outline: 0;
    color: #f1f1f1;
    text-decoration: none;
}

body, html {
    height: 100%;
    min-height: 100%;
    color:#f1f1f1;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    text-align: center;

}


a::-moz-focus-inner {
    border: 0;
    outline:0;
}

a,
a:active,
a:focus{
    outline:0;
    text-decoration: none;
}

body{
    padding: 50px 0;

}
img{max-width: 100%;}
.b,strong,b{
    font-weight:700;
}

h1,h2{
    color: #cacaca;
}

a:active {
    outline: none;
}
a:focus {
    -moz-outline-style: none;
}

/* Padding */
.pan{padding:0px}
.prn, .phn{padding-right:0px}
.pln, .phn{padding-left:0px}
.ptn, .pvn{padding-top:0px}
.pbn, .pvn{padding-bottom:0px}

.pas{padding:5px}
.prs, .phs{padding-right:5px}
.pls, .phs{padding-left:5px}
.pts, .pvs{padding-top:5px}
.pbs, .pvs{padding-bottom:5px}

.pam{padding:10px}
.prm, .phm{padding-right:10px}
.plm, .phm{padding-left:10px}
.ptm, .pvm{padding-top:10px}
.pbm, .pvm{padding-bottom:10px}

.pal{padding:15px}
.prl, .phl{padding-right:15px}
.pll, .phl{padding-left:15px}
.ptl, .pvl{padding-top:15px}
.pbl, .pvl{padding-bottom:15px}

/* Margin */
.man{margin:0px}
.mrn, .mhn{margin-right:0px}
.mln, .mhn{margin-left:0px}
.mtn, .mvn{margin-top:0px}
.mbn, .mvn{margin-bottom:0px}

.mas{margin:5px}
.mrs, .mhs{margin-right:5px}
.mls, .mhs{margin-left:5px}
.mts, .mvs{margin-top:5px}
.mbs, .mvs{margin-bottom:5px}

.mam{margin:10px}
.mrm, .mhm{margin-right:10px}
.mlm, .mhm{margin-left:10px}
.mtm, .mvm{margin-top:10px}
.mbm, .mvm{margin-bottom:10px}

.mal{margin:15px}
.mrl, .mhl{margin-right:15px}
.mll, .mhl{margin-left:15px}
.mtl, .mvl{margin-top:15px}
.mbl, .mvl{margin-bottom:15px}


.mouse-bg {
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: fixed;
    transition: all linear 0.1s;
    background-repeat: no-repeat;

}
#background {
    background-size: cover;
    background-image: url('../gfx/bg0.jpg');
}
#foreground {

    background-image: url('../gfx/bg2.png');
}
#fore-foreground {
    background-size: cover;
    background-image: url('../gfx/bg1.png');
}

.container{position: relative; transition:all linear 0.2s}

div.head >span{
    white-space: nowrap;
    display: inline-block;
    padding: 5px 8px;
    color: #f1f1f1;

}
div.head >span a{
    color:#f1f1f1;
}



 ul{
     padding: 0;
     margin: 0;
     list-style-type: none;
 }

 li a{ color:#f1f1f1; font-size:1.1em;}

.wrap{
    max-width: 600px;
    margin:150px auto;
}

ul,
.type-wrap{
    margin:15px auto;

    border-radius:5px;
}
.type-wrap{    font-size:1.3em;}
.typed-cursor{
    opacity: 1;
    font-weight: 100;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    -ms-animation: blink 0.7s infinite;
    -o-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; }
}
@-ms-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-o-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}


@media (max-width: 768px) {
    .mouse-bg{
        background-size: cover;
        background-position: center center;
    }
}