/*
    MAIN CSS STYLESHEET [style.css]
     |    Henry G. Skupniewicz
    (||	  henryskup.com
     ||)
      |
*/
/*  fonts  */
@font-face{
    font-family: "Headings";
    src: url("RobotoSlab-Regular.ttf");
}
@font-face{
    font-family: "Text";
    src: url("Lato-Light.ttf");
}
@font-face{
    font-family: "Code";
    src: url("Lato-Light.ttf");
}
body {
    margin: 0px 0px 50px 0px;
    padding: 0px;
    background-image: none;
    background-color: white;
    background-image: none;
}
/*  sidebar  */
#sidebar {
    font-family: "Text";
    font-size: .75rem;
    width: 275px;
    position: fixed;
    top: 0px;
    padding: 10px;
}
#sidebar a{
    text-decoration: none;
    color: inherit;
    display: block;
    font-family: "Text";
    font-size: .75rem;
}
#sidebar a:hover {
    background-color: #DCDCDC;
}
#sidebar a:active {
    background-color: gray;
}
#sidebar h1 {
    font-family: "Headings";
    font-size: 1.25rem;
}
#sidebar h2 {
    font-family: "Text";
    font-size: .85rem;
}

#nav a {
    display: block;
    font-family: "Headings";
    font-size: .85rem;
}
/*  content  */
#content {
    width: 500px;
    margin-left: 300px;
    margin-top: 110px;
    font-family: "Text";
    font-size: .75rem;
}
canvas {
    display: block;
}
}
canvas:focus {
    outline: none;
}
#content h1 {
    font-family: "Headings";
    font-size: 1.25rem;
}
#content h2 {
    font-family: "Text";
    font-size: 1.125rem;
}
#content .image {
    display: block;
}
.caption {
    font-family: "Text";
    font-size: .5rem;
}
.files {
    font-family: monospace;
    width: 100%;
    padding: 10px;
    margin: 10px 10px 10px 50px;
    border: thin gray dashed;
    background-color: #E6E6E6;
}
.files h2 {
    margin: 0px;
    padding: 5px 0px 5px 0px;
}
/*  tables  */
table {
    width: 100%;
    margin-left: 50px;
    text-align: left;
    background-color: #E6E6E6;
}
th {
    font-size: 1rem;
}
td {
    padding: 5px;
}
/*  contnents  */
#contnents {
    list-style-type: square;

}