html {
    background-color:  #0000FF;
    background-image: -webkit-linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%);
    background-image: linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%);
    -webkit-font-smoothing: antialiased;
}

body {
    margin: 0 auto;
    padding: 2em 2em 4em;
    max-width: 800px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    
    background-color: #0000FF;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
}

.menu-wrap {
    background-color: #F0FFFF;
       
}

h1 {
    color:#778899;
    text-align: center;
}

#mainText {
    margin-top: 100px;
    
}




.clearfix:after {
    display:block;
    clear:both;
}
 

.menu-wrap {
    width:100%;
    padding: 0;
     top: 0px;
    left: 0;
    position: fixed;
    height: 50px;
    margin: auto; 

    box-shadow:0px 1px 3px rgba(0,0,0,0.2);
    background:#778899;
    
    
}
 
.menu {
    width:1000px;
    margin:0px auto;
}
 
.menu li {
    margin:0px;
    list-style:none;
    font-family:'Ek Mukta';
    text-align: center;
}
 
.menu a {
    transition:all linear 0.15s;
    color:#F0FFFF;
}
 
.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;
    color:#F0FFFF;
}

.menu > ul > li {
    float:left;
    display:inline-block;
    position: relative;
    font-size:19px;
    text-align: center;
}
 
.menu > ul > li > a {
    padding:10px 20px;
    display:auto;
    text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}
 
.menu > ul > li:hover > a, .menu > ul > .current-item > a {
    background:#2e2728;
}