#app #container #sections{
    height:100%;
    overflow:hidden;
}
#app #container #sections .section{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100% 100%;
    height:80vmin;
    position: relative;
}
#app #container #sections .section.register{
    background-image:url('../images/backgrounds/001.jpg');
}
#app #container #sections .section.login{
    background-image:url('../images/backgrounds/002.jpg');
}
#app #container #sections .section.how{
    background-image:url('../images/backgrounds/004.jpg');
}
#app #container #sections .section.social{
    background-image:url('../images/backgrounds/005.jpg');
}
#app #container #sections .section .content{
    margin:5vmin 2vmin;
    padding:5vmin;
    position:absolute;
}
#app #container #sections .section .content .title{
    font-size:5vmin;
    color:rgb(248, 2, 2);
    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);
    font-family:"morpheus";
}
#app #container #sections .section .content .description{
    font-size:2vmin;
    color:rgb(244, 242, 228);
    text-shadow:0px 0px 1px rgb(232, 253, 3), 0px 0px 1px rgba(0,0,0,1), 0px 0px 1px rgba(0,0,0,1);
    margin-top:2vmin;
}
#app #container #sections .section .content .button{
    background-color:rgba(0,0,0,0.3);
    border:1px solid rgb(250, 250, 4);
    border-radius:2px;
    color:rgb(248, 245, 245);
    font-size:1.5vmin;
    text-align:center;
    display:block;
    float:left;
    margin-top:2vmin;
    padding:3vmin;
    transition:250ms;
}
#app #container #sections .section .content .button:hover{
    background-color:rgba(251,255,0,1);
    border:1px solid rgba(0,0,0,1);
    color:rgba(0,0,0,1);
    font-weight:bold;
    text-shadow:0px 0px 1px rgb(247, 246, 246);
}
#app #container #sections .section .content .social-icons{
    min-width:5vmin;
    margin-top:13vmin;
    overflow:hidden;
}
#app #container #sections .section .content .social-icons a{
    background-position:center center;
    background-repeat:no-repeat;
    background-size:80% 80%;
    background-color:rgba(0,0,0,0.3);
    border:1px solid rgba(251,255,0,1);
    border-radius:10px 10px;
    opacity:0.8;
    display:block;
    float:left;
    margin-right:2vmin;
    padding:3vmin;
    transition:250ms;
}
#app #container #sections .section .content .social-icons a.discord{
    background-image:url('../images/social/discord.png');
}
#app #container #sections .section .content .social-icons a.facebook{
    background-image:url('../images/social/facebook.png');
}
#app #container #sections .section .content .social-icons a.twitter{
    background-image:url('../images/social/twitter.png');
}
#app #container #sections .section .content .social-icons a.youtube{
    background-image:url('../images/social/youtube.png');
}
#app #container #sections .section .content .social-icons a.instagram{
    background-image:url('../images/social/instagram.png');
}
#app #container #sections .section .content .social-icons a.whatsapp{
    background-image:url('../images/social/whatsapp.png');
}
#app #container #sections .section .content .social-icons a:hover{
    background-color:rgba(251,255,0,1);
    box-shadow:0px 0px 5px rgba(0,0,0,1);
    opacity:1;
}