body {
    height:100%;
    background: #6a6577;
    font-family: 'Sofia Pro';
    font-size:15px;
    color: #000;
    letter-spacing:.5px;
}

#header {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background-color:#020a1f;
    line-height:80px;
    text-align:center;
    font-family: 'Oswald', sans-serif;
    font-size:60px;
    color:#fff;
    letter-spacing:3px;
}

#linkity {
    position:relative;
    top:-30px
}

#box1 {
    margin:0 auto;
    margin-top:142px;
    width:800px;
    padding:26px;
    background-color:#c6c0c0;
    font-size:16px;
    line-height:22px;
    height:100%;
}

#box2 {
    position:relative;
    margin-bottom:16px;
    width:556px;
}

#box3 {
    position:relative;
    float:right;
    width:200px;
}

#foot {
    clear:both;
    text-align:center;
    font-size:11px;
}

h1 { 
    display:block;
    border-right: 10px solid #8b49b4;
    font-family: 'Sofia Pro';
    font-size:18px;
    line-height:22px;
    font-weight:normal;
    background-color:#020a1f;
    letter-spacing:1px;
    padding:6px;
    color:#fff
}

a {
    text-decoration:none;
    color:#8b49b4;
}

a:hover {
    background-color:#3d423d;
    color:#fff;
}

a.linkit {
    display:inline-block;
    width:100px;
    font-size:16px;
    color:#feca24;
    text-transform:uppercase;
    line-height:16px;
    letter-spacing:2px;
    padding:10px;
    border:2px #e1e1e1 solid;
}

a.linkit:hover, .longan:active {
    background-color:#c45b2d;
    color:#fff;
    border-color:#c45b2d;
    transition:.3s;
}

textarea {
    width:100%
}