@charset "UTF-8";
/* CSS Document */

html, 
body {
    height:100%;
    width: 100%;
    position: fixed;
    
}    

.front{ 
    background-image: url("comingSoon.jpg");
    background-size: cover; 
    background-position: center;
    position: relative;
    height: 100%;
    width: 100%; 
 
}

.mountainType{ 
    position: relative; 
    width: 24em; 
    margin: 0 auto; 
    border-right:2px solid burlywood;
    font-size: 54px; 
    text-align: center; 
    white-space: nowrap; 
    overflow: hidden; 
    transform: translateY(-50%) ; 
}



.land{ 
    
    animation: typewriter 5s steps(50) 1s 1 normal
        both, 
        blinkingCursor 500ms steps(50) infinite
        normal; 
    
}

.post{ 
    /*animation: fadeIn 2s 2s forwards;*/
    background-color:  none;
    box-shadow: -1px 1px 4px 3px #f2f2f2;
    box-sizing: border-box; 
    text-align: center;
    width:auto; 
    opacity:95%; 
    font-family: Courier; 
    font-size: 64px; 
    font-weight: normal;
    text-transform:uppercase;
    color:burlywood ;
    transform: translate(55%, 250% ); 
     
}

@keyframes typewriter{
    from{width: 0} 
    to{width: 40%}
} 
@keyframes blinkingCursor{ 
    from{border-right-color: burlywood;}
    to{border-right-color: transparent; }
}


.inner{ 
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace"; 
    font-size: 32px; 
    font-weight: normal; 
    text-align: justify;
    color:burlywood ;
    transform: translate(55%, 325px); 
    text-transform: uppercase; 
}


 hr.solid{ 
     margin: auto;
     width: 40%;
     position:relative;
     
     border-top:5px solid burlywood;
     transform: translate(55%, 250px ); 
}