html, body, #wrapper {
    height:100%;
    width:100%;
    margin:0;
    padding:0;
    background-color:black;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
}   

body {
    text-align:center;
    overflow:hidden;
    font: normal 40px Helvetica Neue;
    text-align:center;
    vertical-align:middle;
    overflow:hidden;
}

#wrapper {
    font-size: 383px;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
}

#links {
    display:inline-block;
    text-align:center;
    vertical-align:middle;
    position:absolute;
    top:0;
    left:0;
    width:70%;
    max-height:100%;
    margin:0;
    margin-left:15%;
    list-style-type: none;
    padding:0;
    overflow:auto;
    oveflow-x:hidden;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
}

#links a,
#links a:visited,
#links a:active {
    display:block;
    margin:0.1em 0;
    padding:0;
    width:100%;
    background-color:rgba(255,255,255,0.15);
    color:rgba(160,160,160,0.85);
    text-decoration: none;
    cursor:pointer;
    -webkit-text-shadow:0 0 5px rgba(0,0,0,0.88);
    -moz-text-shadow:0 0 5px rgba(0,0,0,0.88);
    text-shadow:0 0 5px rgba(0,0,0,0.88);
}

.view {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    position:absolute;
    left:50%;
    top:50%;
    display:inline-block;
    text-align:left;
    text-rendering: optimizeSpeed;
    -webkit-backface-visibility:visible;
    -moz-backface-visibility:visible;
    outline:none!important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.view .shade {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color:#ffffff;
    opacity:0;
}


/* styles */

.view.faint-alias {
    color:#ffffff;
    opacity:0.011;
    -webkit-font-smoothing:none;
    -moz-font-smoothing:none;
}
.view.white {
    color:#ffffff;
}

.view.gray {
    color:#666666;
}

.view.faint {
    color:#ffffff;
    opacity:0.011!important;
}

.view.clear {
    color:#666;
    opacity:0.33;
}

.view.solid {
    color:#666;
    opacity:1;
}

.view.fabric {
    background:#222 url(fabric_of_squares_gray/fabric_of_squares_grayer_@2X.png);
    color:black;
    opacity:0.33;
}
.view.red {
    background:rgba(80,22,0,0.33);
    color:black;
    opacity:0.88;
}
.view.orange {
    background:rgba(128,64,0,0.33);
    color:#800000;
    opacity:0.77;
}
.view.sc5 {
    background:transparent url(sc5logo-rgb.svg) 0% 0% no-repeat;
    background-size:100%;
    color:transparent;
    opacity:0.33;
    width:283.486px;
    height:242.469px;
}
.view.sc5.mini {
    width:28.3486px;
    height:24.2469px;
}
.view.shadow {
    text-shadow:0 0 30px black;
    -webkit-text-shadow:0 0 30px black;
    -moz-text-shadow:0 0 30px black;
    color:#ffffff;
    opacity:0.25;
}