/* GENERAL */
html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
    background-color: #000000;
    display: flex;
    flex-direction: column;
}

footer {
    align-content: center;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.titleLink {
    color: #fff;
    opacity: 50%;
    text-decoration: none;
}

.buttonWrap {
    text-align: center;
    width: 100%;
    height: 100px;
    /*top: 50%;
    transform: translate(0, -50%);*/
}

.enterButton {
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    padding: 5px 10px;
    transition: all 0.5s ease;
   /* display: inline-block; */
}

.enterButton:hover {
    text-shadow: 0 0 20px #fff;
        /* glow gradient generated with cssbud.com */ 
    -webkit-box-shadow:0px 0px 105px 45px rgba(255,255,255,0.65);
    -moz-box-shadow: 0px 0px 105px 45px rgba(255,255,255,0.65);
    box-shadow: 0px 0px 105px 45px rgba(255,255,255,0.65);
}

/* **** SPLASH PAGE **** */
.splashPage {
    background-image: url("./images/logo_trees_hd.gif");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.splash {
    flex-shrink: 0;
    margin-bottom: 30%;
}

pre {
  color: #fff;
  opacity: 50%;
  text-align: center;
}

/* **** SPLASH PAGE END **** */

/* ***** "CATHARSIS" FILM PAGE ***** */

.filmPage {
    background-image: url("./images/phone_flashy_hd.gif");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.titleWrap {
    height: 300px;
    width: 100%;
}

.title {
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 200;
    letter-spacing: 10;
    opacity: 50%;
    font-size: 56px;
    color: #fff;
}

.vidWrapper {
    text-align: center;
    padding: 140px;
}

iframe {
    /* glow gradient generated with cssbud.com */ 
    -webkit-box-shadow:0px 0px 105px 45px rgba(255,255,255,0.65);
    -moz-box-shadow: 0px 0px 105px 45px rgba(255,255,255,0.65);
    box-shadow: 0px 0px 105px 45px rgba(255,255,255,0.65);
}

/* ***** MAIN PAGE END ******/

/* **** "RUINATION" LORE PAGE **** */
.ruinPage {
    background-image: url("./images/grave_flashy_small_final_final.gif");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

.textWrap {
    width: 45%;
}

p {
    color: #fff;
    opacity: 50%;
    transition: all 0.5s ease;
    margin-left: 100px;
    margin-right: 100px;
}

p:hover {
    opacity: 75%;
    text-shadow: 0 0 10px #fff;
    /*transition: .5s ease;*/
}

.pRight {
    text-align: right;
}
  
/* **** ABOUT PAGE END **** */

@media screen and (width <= 600px) {
    /* general */
    .titleWrap {
        height: 30%;
    }
    /* footer */
    footer {
        margin-top: 15%;
        padding-bottom: 20%;
        position: relative;
    }
    /* film */
    .vidWrapper {
        padding: 0px;
        margin-bottom: 50%;
    }
    
    iframe {
        width: 400px;
        height: 200px;
        /* glow gradient generated with cssbud.com */ 
        -webkit-box-shadow:0px 0px 0px 0px rgba(255,255,255,0.65);
        -moz-box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.65);
        box-shadow: 0px 0px 0px 0px rgba(255,255,255,0.65);
    }
    
    /* lore */
    
    .ruinTitle {
        height: 20%;
    }
        
    }
    .textWrap {
        width: 100%;
    }
}