* {
    padding:0;
    margin:0;
    border:0;
}

a {
    text-decoration:none;
    color:white;
}

body, html {
    width:100%;
    height:100%;
    background-color:black;
    color:white;
}

.blabs {
    display:block;
    position:absolute;
}

.center {
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
}

#redeye {
    background:#050505;
    text-align:center;
}
.section {
    background-color:#050505;
    color:white;
    font-family:'Playfair Display', sans-serif;
}

.description {
    width:85%;
    max-width:600px;
    z-index:10;
    text-shadow:0px 0px 5px black;
    text-align:justify;
    line-height:1.5em;
}

.bgimage {
    z-index:1;
    top:0;
    left:50%;
    height:100%;
    transform:translate(-50%);
}

.title {
    top:10px;
    z-index:10;
    left:20px;
    font-family:'Cinzel';
    font-size:1.2em;
}

.quotation {
    position:relative;
    display:block;
    width:100vw;
    height:100%;
    text-align:center;
    
}

.initial {
    font-family:'Sail', serif;
    font-size:6em;
    line-height:0em;
    text-
}

.name {
    right:10px;
    top:10px;
    color:white;
    z-index:10;
    font-family:'Cinzel';
}

.text {
    width:80%;
    max-width:500px;
    text-align:justify;
}

.byline {
    font-family:'Cinzel';
    margin-top:20px;
    text-align:center;
}

.navbottom {
    position:absolute;
    bottom:0px;
    width:100%;
    color:white;
    z-index:200;
    font-family:'Cinzel';
}

#myMenu li {
    display: inline-block;
    margin: 15px;
    font-size:0.8em;
    color: #efefef;
    padding:5px;
    background: #2f2f2f;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#myMenu .active {
    background: #696969;
}

#myMenu {
    width:100%;
    text-align:center;
}

li a {
   padding:15px; 
}