*{
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
header {
    padding: 10px;
}
#container {
    padding: 10px;
    background-color:darkcyan;
}
#sidebar,
#content {
    background-color: white;
    border: 1px solid black;
    padding: 10px;
}
#sidebar {
    float: left;
    height: 500px;
    width: 200px;
}
#content {
    float: right;
    height: fit-content;
    width: calc(100% - 210px);
}
footer {
    clear: both;
}
.content {
    float: right;
    height: 500px;
    width: calc(100% - 210px);
    border: 1px solid black;   
    outline: 5px;
    outline-style:double;
    margin: 15px;
}
.clearfix{
    overflow: auto;
}
.img1{
    float:right;

}
.img2{
    float:right;
    
}
.img3{
    float:right;
    
}
div{
    width: auto;
    border: 15px solid black;
    padding: 50px;
    margin: 20px;
}
#par1{
    
    background-color: bisque;
    padding: 10px;
}
#par2{
    background-color: bisque;
    padding: 10px;
}
#par3{
    background-color: bisque;
    padding: 10px;
}