@charset "UTF-8";
/* CSS Document */
@import "boilerplate.css";

#wrapper{
    max-width:1280px;
    margin:0 auto;
    font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    padding:0 0.5%;
}
h1{
    text-align:center;
    margin:1em 0;
}
nav ul{
    list-style-type:none;
    justify-content: space-around;
    padding:1em 0;
    margin:1em 0;
    border-top:solid 1px #000;
    border-bottom:solid 1px #000;
}
nav a{
    text-decoration:none;
    color:#000;
}
a{
    color:#73a4c2;
}
main{
    margin:2em 0; 
}
section{
    margin-bottom:3em;
}
section>div:first-child{ 
    padding-right:1%;
}
footer{
    text-align: center;
    background-color: #012448;
    color:#FFF;
    padding:2em 0;
}
h2{
    padding-bottom:0.5rem;
}
.sublist{
    margin-left:1em;
}
.box{
    border: dashed 1px #012448;
    padding:1%;
}
.italic{
    font-style:italic;
}
section ul{
    padding-bottom:0.5em;
    list-style-position: inside;
}
section li{
    padding:0 0 0.5em;
}
.code{
    font-family: Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", "monospace";
    font-weight:bold;
    color:#0e8332;
}
@media screen and (max-width:768px){
    .flex{
        flex-direction:column;
    }
    nav li{
        text-align:center;
    }
}