body{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    text-align:center;
    background-color:darkgrey;
}
header, footer{
    background-color:transparent;
    margin:0;
    padding:1px;
    padding-top:.5em;
    padding-bottom:.5em;
    border:0;
    outline:0;
}
ul {
    list-style-type:none;
    display:table;
    margin:0 auto;
    padding:0;
    border:0;
    outline:0;
    overflow:hidden;
}
li {
    float:left;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:10px;
    margin-top:10px;
}
h1{
    margin:0;
    margin-top:10px;
    margin-bottom:10px;
}
li > a:hover{
    color:white;
}

.container{
    display:flex;
    flex-direction:row;
    margin:0;
    padding:0;
    flex-wrap:wrap;
}
.container .sidebar{
    background-color:transparent;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    max-width:100%;
    min-width:15%;
    height:auto;
}
.container main{
    background-color:white;
    margin:0;
    padding:0;
    border:0;
    outline:0;
    width:70%;
}
.box{
    box-sizing:inherit;
    padding:1em;
    padding-left:2em;
    padding-right:2em;
    text-align:left;
}
.sidebar > .box{
    box-sizing:inherit;
    padding:0;
    padding-left:2em;
    padding-right:2em;
    text-align:left;
}