Voltra | Survival 1.0

/*

survival 1.1
by aly

*/

@font-face {
    font-family: Ya;
    font-style: normal;
    font-weight: 200;
    src: url(https://dl.dropbox.com/s/rphx2w9nsnjetzu/Batavia-Regular.ttf);
}

#footer, .copyright, #navbar, #structure>header {
    display: none;
}

#structure {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
#content:before {
    content: close-quote;
    position: absolute;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-image: url(http://www.publicdomainpictures.net/pictures/10000/velka/starry-night-871287410454UmtH.jpg);
    background-size: 50%;
    background-attachment: fixed;
    z-index: -50;
}
#content {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    padding-top: 50%;
    z-index: 1;
}
#voltie {
    background-color: #99d9e7;
    background-color: #000;
}
#content>div:nth-child(7) {
    margin-bottom: 35px;
}


/* Title */
#voltie>div.col-md-6>section.voltie_bio>strong, #voltie>div.col-md-6>section.voltie_bio>strong+u {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    transition: all 0.25s linear;
}
#voltie>div.col-md-6>section.voltie_bio>strong+u {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 300px 200px 0 200px;
    border-color: #82c8d7 transparent transparent transparent;
    box-shadow: inset 0 0 50px 50px #000;
z-index: -25;
}
#voltie>div.col-md-6>section.voltie_bio>strong {
    font-family: Ya;
    font-style: normal;
    font-weight: 150;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #7e3457;
    text-align: center;
    line-height: 150px;
    animation: glitch 0.1s reverse both infinite;
    left: 0;
    top: -175px;
    width: 650px;
    height: 150px;
    font-size: 150px;
}
#voltie>div.col-md-6>section.voltie_bio>strong u {
    position: absolute;
    left: 0;
    top: 200px;
    right: 0;
    margin: 0 auto;
    color: #a9dfeb;
    text-shadow: 0 0 10px #59cadf;
    text-decoration: none;
    z-index: 5;
    transition: all 0.25s ease-in-out;
}
#voltie>div.col-md-6>section.voltie_bio>strong>u>em:nth-child(odd) {
    transform: rotate(-10deg);
}
#voltie>div.col-md-6>section.voltie_bio>strong>u>em:nth-child(even) {
    transform: rotate(10deg);
}
#voltie>div.col-md-6>section.voltie_bio>strong>em, #voltie>div.col-md-6>section.voltie_bio>strong>u>em {
    position: relative;
    font-style: normal;
    color: #000;
    transition: all 0.25s ease-in-out;
    text-shadow: -3px -3px 0 #e481aa, 3px -3px 0 #e481aa, -3px 3px 0 #e481aa, 3px 3px 0 #e481aa, 0 0 25px #f295b8, 0 0 15px #d3709b;
}


/* Keyframes */
@keyframes glitch {
    from {
        text-shadow: -3px -3px 0 #e481aa, 3px -3px 0 #e481aa, -3px 3px 0 #e481aa, 3px 3px 0 #e481aa, 0 0 25px #f295b8, 0 0 15px #d3709b;
    }
    to {
        text-shadow: -3px -3px 0 #e481aa, 3px -3px 0 #e481aa, -3px 3px 0 #e481aa, 3px 3px 0 #e481aa, 0 0 25px #f295b8, 0 0 100px #d3709b, 5px 5px 15px #d3709b;
    }
}