.menu-btn {
    position: fixed;
    margin: 20px;
}
.menu-text {
    font-size: 50pt;
    text-align:center;
}
.menu-text:hover {
    color: #0C0;
}
.name-text {
    font-size: 50pt;
    text-align:center;
}
#name-outer {
    width: 100%;
    height: 100%;
}
#name-inner {
    position:absolute;
    display: inline-block;
    width: 100%;
    top:50%;
    height:10em;
    margin-top:-5em;
    text-align:center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
 *
 * Reflect text CSS, credit to:
 *     http://yichuanshen.de/demos/reflectedtext/
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.reflected:before, .reflected:after {
    display: block;
    position: absolute;
    bottom: .15em; /* You should change this value to fit your font */
    left: 0;
    right: 0;
}
.reflected:before {
    opacity: .4;
    -webkit-transform: scaleY(-1);
        -moz-transform: scaleY(-1);
            -o-transform: scaleY(-1);
}
.reflected:after {
    background: -webkit-gradient(linear, left top, left center, from(rgba(0,0,0,0)), to(rgb(0,0,0)));
    background: -moz-linear-gradient(top, rgba(0,0,0,0), rgb(0,0,0));
    content: ' ';
    height: 1em;
}