style.css

* { 
    margin: 0; 
    padding: 0; 
}
body{
    font-family: 'Exo', sans-serif;
}
h1{
    color: #a2abaa;
    font-size: 70;
    padding: 0;
    margin-top: 0;
    margin-left: 40px;
    text-align: center;
    font-weight: 900;
    margin-bottom: 150px;
}
h2{
    font-weight: 800;
    font-size: 50;
    margin-bottom: 0;
}
a { 
    text-decoration: none; 
    color: #777; 
}
ul{
    margin: 0;
    padding: 0
}
#esquerda{
    background: #282828;
    float: left;
    height: 100%;
    width: 50%;
}
#direita{
    background: #486c81;
    float: right;
    height: 100%;
    width: 50%;
}
#Content{
    left:50%; 
    margin: 0 0 0 -480px;  
    position:absolute;
    width:960px;
}
#box-esquerda{
    margin-right: 50px;
}
#box-esquerda h3{
    font-weight: 800;
    font-size: 50;
    text-align: right;
    margin-bottom: 0;
}
#box-direita{
    margin-left: 50px;
}
#box-direita h3{
    font-weight: 800;
    font-size: 50;
    margin-bottom: 0;
}
.content-esquerda{
    width: 480px;
    float: left;
    color: #486c81;
}
.content-direita{
    width: 480px;
    float: left;
    color: #282828;
}
.links-esquerda li{
    display: inline;
    list-style-type: none;
    padding-left: 10px;
    float: right;
}
.links-direita li{
    display: inline;
    list-style-type: none;
    padding-right: 10px;
    float: left;
    margin: 0;
}