#app.error{
    background:url('../images/backgrounds/009.jpg') center center no-repeat;
    background-size:100% 100%;
    overflow:hidden;
    overflow-y:auto;
}
#app.error #container{
    width:100vmin;
    height:100%;
}
#app.error #container .content{
    width:50vmin;
    margin:10vmin 0vmin 0vmin 5vmin;
}
#app.error #container .content .title{
    font-size:3vmin;
    color:rgb(218, 246, 4);
    font-family:"morpheus";
    text-shadow:0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1);
    margin-bottom:2vmin;
}
#app.error #container .content .description{
    font-size:2vmin;
    color:rgb(251, 249, 249);
    text-shadow:0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1);
}

/* FOOTER FOR ERROR PAGE */

#app.error #footer{
    background:url('../images/backgrounds/007.jpg') center center no-repeat;
    background-size:100% 100%;
    height:15vmin;
}
#app.error #footer .content{
    width:50%;
    height:100%;
    margin:0 auto;
}
#app.error #footer .content .icon{
    background:url('../images/icons/blizzard.png') center center no-repeat;
    background-size:100% 100%;
    border-radius:100% 100%;
    width:8vmin;
    height:8vmin;
    margin:3vmin 2vmin 0vmin 20vmin;
    float:left;
}
#app.error #footer .content .author{
    font-size:2vmin;
    color:rgb(252, 250, 250);
    text-decoration:none;
    text-shadow:0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1);
    margin-top:3.5vmin;
}
#app.error #footer .content .copy{
    font-size:1.5vmin;
    color:rgb(249, 249, 249);
    text-decoration:none;
    text-shadow:0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1);
    margin-top:0.5vmin;
}
#app.error #footer .content .community{
    font-size:1.5vmin;
    color:rgb(252, 252, 252);
    text-decoration:none;
    text-shadow:0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1);
}