/*CSS Stylesheet*/


img { max-width: 100%; }

body {
    margin: 0; 
    font-size: 18px;
    line-height: 22px;
    font-family: sans-serif;

}
#wrapper {
    max-width: 960px;
    margin: 0 auto;
    text-align: left;
    padding: 20px;
    border: 1px solid black;
    background-color: white;
    
}

#header {
    max-width: 980px;
    margin: 0 auto;
    align-content: center;
    text-align: center;
    padding: 8px;
    background-color: #66ADFF;
}

h3 {
    text-align: center;
}

h1 { 
    text-align: center;
}

h2 {
    text-align: center;
}
.code {
    padding: 16px;
    border: 1px solid black;
    background-color: #999;
    font-family: 'Courier', monospace;
}


/* unvisited link */
a:link {
    color: black;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: black;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #66DAFF;
    text-decoration: none;
}

/* selected link */
a:active {
    color: blue;
    text-decoration: none;
}