html 
{
    background-color: #000;
}


body
{
    font-family: 'Raleway', sans-serif;
    font-weight: 100;
    height: 100vh;
    margin: 0;
    color: #B4BDC2;
    background-color: #000;
    background: url(../images/background.jpg); 
    background-position: 100% 100%;
    background-repeat: no-repeat;
}

#main
{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: rgba(0,0,0,0.7);
}

.links
{
    width: 800px;
    display: flex;
    justify-content: center;
    flex-direction: row;
    text-align: center;
}

#content
{
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    line-height:60px;
    min-height:150px;
    width: 800px;
    font-size: 84px;
    text-decoration: none;
    color: #fff;
    -webkit-animation: neon1 5.5s ease-in-out infinite alternate;
    -moz-animation: neon1 5.5s ease-in-out infinite alternate;
    animation: neon1 5.5s ease-in-out infinite alternate;
}

.full-height 
{
    height: 100vh;
    background-color: rgba(0,0,0,0.7);
}

.flex-center {
    align-items: center;
    display: flex;
    justify-content: center;
}

.position-ref {
    position: relative;
}

.content 
{
    text-align: center;
}

.title 
{
    font-size: 84px;
    text-decoration: none;
    color: #fff;
    -webkit-animation: neon1 5.5s ease-in-out infinite alternate;
    -moz-animation: neon1 5.5s ease-in-out infinite alternate;
    animation: neon1 5.5s ease-in-out infinite alternate;

}

.title.active {

    /*
    -webkit-box-shadow: 0 0 40px orange;
       -moz-box-shadow: 0 0 40px orange;
            box-shadow: 0 0 40px orange;
    */
}

.links > a {

    color: #FFF;
    padding: 0 25px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
}

.m-b-md {
    margin-bottom: 0px;
}

a.content-menu
{
    display: block;
    float: left;
    width: 150px;
    padding: 5px;
    margin-bottom: 10px;
    text-decoration: none;
    color: #848D91;
}

a.content-menu:hover
{
    color: #FFF;
}

a.content-menu i
{
    margin: 10px;
    pointer-events: none;
}

a.content-menu div
{
    pointer-events: none;
}

.desc
{
    margin-top: 200px;
}

.descBlank
{
    float: left;
}
.descContent
{

}

@-webkit-keyframes neon1 {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 70px #fff, 0 0 80px #fff, 0 0 100px #fff, 0 0 150px #fff;
  }
  to {
    text-shadow: none;}
}