* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    background: rgb(220, 220, 220);
}

h1 {
    font-family: 'Nanum Gothic Coding', monospace;
    margin: 0;
     display: block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #999;
    padding: 4px;
    background: #F0F0F0;
    background: -moz-linear-gradient(top,  #F0F0F0 50%, #D4D4D4 50%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#F0F0F0), color-stop(50%,#D4D4D4));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#D4D4D4',GradientType=0 );
}

tt {
    font-family: 'Nanum Gothic Coding', monospace;
    margin: 0;
    background: none;
    border: none;
    padding: 0;  
}


h2 {
    font-family: 'Nanum Gothic Coding', monospace;
    margin-top: 16px;
    font-size: x-small;
    text-color: #f0f0f0;
    background-color: #e0e0e0;
    border: 1px solid #999;
    padding: 4px;
    background: #F0F0F0;
}

h3 {
    font-family: 'Nanum Gothic Coding', monospace;
    margin: 0;
    font-size: smaller;

}

p {
    clear: both;
    padding-left: 2em;
    font-family: 'Source Serif Pro', serif;
}

.fixed {
    white-space: pre;
    clear: both;
    padding: 1em;
    font-size: small;
    font-family: 'Nanum Gothic Coding', monospace;
    background-color: #f0f0f0;
}



a, a:link, a:visited, a:hover, a:active {
    text-decoration: none;
}


#menu ul, #menu li {
    clear: both;
    font-family: 'Nanum Gothic Coding', serif;
    margin: 0;
    padding: 1em 0 0 0;
    color: #ff8300;
}


#menu li a {
    padding: 1em 0 0 1em;
    font-size: small;
}

ul {
    clear: both;
    padding-left: 2em;
    font-family: 'Source Serif Pro', serif;
}