*{
    margin:0;
    padding:0;
}
body{
    background:#000;
    font-family:Georgia;
    font-size: 34px;
    font-style: italic;
    letter-spacing:-1px;
    width:12000px;
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
}
.section{
    margin:0px;
    bottom:0px;
    width:4000px;
    float:left;
    height:12000px; /*100% */
    text-shadow:1px 1px 2px #f0f0f0;
}
.section h2{
    margin:50px 0px 30px 50px;
}
.section p{
    margin:20px 0px 0px 50px;
    width:600px;
}
.black{
    color:#fff;

    background:#000 url(../images/black.jpg) no-repeat top right;
}
.white{
    color:#000;
    background:#fff url(../images/white.jpg) no-repeat top right;
}

.section ul{
    list-style:none;
    margin:20px 0px 0px 550px;
}
.black ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.black ul li a{
    display:block;
    color:#f0f0f0;
}
.black ul li a:hover{
    text-decoration:none;
    color:#fff;
}
.white ul li{
    float:left;
    padding:5px;
    margin:5px;
    color:#aaa;
}
.white ul li a{
    display:block;
    color:#222;
}
.white ul li a:hover{
    text-decoration:none;
    color:#000;
}
img{border:none;}
#screenshot{
	position:absolute;
	border:1px solid #666;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}
.black p a{
    color:#fff;
    text-decoration:none;
}
.white p a{
    color:#fff;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
span.reference{
    position:fixed;
    left:10px;
    bottom:10px;
    font-size:13px;
    font-weight:bold;
}
span.reference a{
    color:#fff;
    text-shadow:1px 1px 1px #000;
    padding-right:20px;
}
span.reference a:hover{
    color:#ddd;
    text-decoration:none;
}

span.whites, span.blacks{
    font-size:60%;
}
span.whites small, span.blacks small{
    font-size:80%;
    letter-spacing:1px;
    padding-left:20px;
}

span.blacks a{
    color:#006845;
}
span.blacks a:hover{
    color:#fff;
    text-decoration:none;
}
span.whites a{
    color:#222;
}
span.whites a:hover{
    color:#000;
    text-decoration:none;
}
@media screen and (max-width: 782px) {
    body {
        font-size: 160px !important;
    }
    .section ul{
        margin:20px 20px 400px 550px !important;
    }
    .section ul li{
        font-size: 96px !important;
    }
    .section p{
        width:1400px !important;
    }
}