h1 {
    text-align: center ;
    font-size: 1.2em;
    /*padding-bottom: 5px;*/
}

main {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

nav {
    font-size: 20px;
    text-align: center;
}

nav ul {
    border-top: dotted grey 2px;
    border-bottom: dotted grey 2px;
    padding: 10px;
    list-style-type: none;
    display: flex;
    justify-content: space-around;
    max-width: 800px;
    margin: auto;
}

nav li a {
    text-align: center;
    text-decoration: none;
    color: Darkgray;
}

/* Change the link color to #111 (black) on hover */
nav a:hover {
    background-color: grey;
    border-radius: 5px;
}

/* Table of Contents */
aside h3 {
    text-align: left;
}
aside nav{
    display: table ;
}

aside ul {
    list-style-type: decimal;
    text-align: left;
    display: grid ;
    border: none;
    list-style-position: inside;
    position: relative;
}

aside ul ul {
    list-style-type: disc;
}


aside li {
    text-align: left;
}

aside li a {
    text-align: left;
    text-decoration: none;
    color: Darkgray;
    border: none; 
}


body{
    margin:1em auto;
    max-width:45em;
    padding:0 .62em;
    font:1.2em/1.62 sans-serif;
    line-height:1.6;
    color:#444;
    background: #EEEEEE
}

h2{
    text-align: left ;
    line-height:1.2
}

h3{
    text-align: left ;
    line-height:1.0
}

article ul{
    margin-top: 0.1em; 
}





a:link {color:#9cf}
a:hover, a:visited:hover {color:#cef}
a:visited {color:#c9f}

@media print{
    body{
	max-width:none
    }
}

article {
    text-align: justify;
    text-justify: inter-word;
}

img {
    max-width: 90% ;
    margin: auto ;
    display: block ;
}

footer {
    text-align: center ;
    padding: 2em 0 ;
}