exposition css

/*basic declaration*/
body {
    font-family: tahoma, sans-serif;
    font-size: 12px;
    color: #000;
    background: #000;
}

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

a {
    text-decoration: none;
}

/*wrapper*/
#wrapper {
    margin: 0 auto;
    width: 700px;
    overflow: hidden;
    display: block;
}

/*container*/
#container {
    width: 690px;
    height: 560px;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #fff;
    margin-top: 50%;
    transform: translateY(-50%);
    margin-bottom: -39%;
}

/*column div*/
#nav-column {
    width: 235px;
    background: #000;
    vertical-align: top;
    display: inline-block;
    border-right: 1px solid red;
    color: #fff;
    height: 100%;
}

/*scrollbar text*/
#content {
    height: 555px;
    overflow: auto;
    width: 450px;
    display: inline-block;
    margin: 10px;
    padding: 5px;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    text-align: justify;
    line-height: 105%;
}

#content a, #content a:visited, #content a:active {
    color: #0000ec;
    transition: all 0.4s ease-in;
}

#content a:hover {
    color: #000;
}

#content p {
    margin: 3px 0;
}