* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
header {
    padding: 10px;
    padding: 0 px 10px;
    padding: 0px 10px 10px;
}
footer{
    padding: 10px 10px 10px;

}
#container {
    padding: 10px;
    background-color: cornflowerblue;
}
#sidebar, 
#content{
    background-color: cornsilk;
    border: 1px solid cornflowerblue;
    padding: 10px;
}
#sidebar{
    float:left;
    height: 500px;
    width: 200px;
}
#content{
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    float: right;
    height: 500px;
    width: calc(100% - 210px);
}
footer{
    clear: both;
}

.tasks{
    border: 1px solid black;   
    outline: 5px;
    outline-style:double;
    margin: 15px;
}
#taskOne{
    background-color: bisque;
    padding: 10px;
}
#taskTwo{
    background-color: bisque;
    padding: 10px;
}
#taskThree{
    background-color: bisque;
    padding: 10px;
}