#aside {
border-right: 4px;
border-style: none ridge ridge none;
border-color: #2F4F4F;
border-bottom: 2px #2F4F4F ridge;
margin: 0;
position: absolute;
padding: 1em 0 0 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #0C0C0C;
background-attachment: fixed;
width: 15em;
max-width: 15em;
height: 575px;
max-height: 575px;
}

#article {
width: 690px;
max-width: 70%;
text-align: left;
margin-left: 20em;
position: absolute;
}

body {
background-image: url('imgs/6.gif');
color: #00AE00;
height: 100%;
max-height: 100%;
top: 0;
bottom: 0;
}

.li-aside {
text-align: left;
margin-right: auto;
font-size: 20px;
max-width: 6em;
border-bottom: 2px ridge #00a800;
padding-top: 10px;
}

.ul-article-list {
font-size: 18px;
list-style-type: square;
list-style-position: inside;
}

.a-aside {
text-decoration: none;
color: #00a800;
}

* {
font-family: sans-serif;
overflow: auto;
}

code {
font-family: monospace;
color: #FFD700;
font-size: 18px;
}

hr {
padding: 0;
margin: 0;
border-bottom: 2px ridge #00a000;
}

h1 {
padding: 0;
margin: 0;
}

p {
font-size: 18px;
}