/* proj1.css */

*{box-sizing:border-box;}
.container{
    position:relative;
    margin:0px auto;
    width:1000px;
    height:1005px;
    border:groove tomato 10px;
   /* background-color:sienna;*/
}

.header{
    position:absolute;
    text-align:center;
    top:5px;
    left:5px;
    right:5px;
    height:200px;
    border:dashed saddlebrown 5px;
    background-color:lightskyblue;
}

.left{
    position:absolute;
    top:200px;
    left:5px;
    height:600px;
    width:160px;
    border:inset orange 8px;
    background-color:sandybrown;
}

.right{
    position:absolute;
    top:200px;
    right:5px;
    height:600px;
    width:160px;
    border:inset orange 8px;
    background-color:gold;
}

.content{
    position:absolute;
    text-align:center;
    top:200px; /* push down 200px */
    left:160px; /*push left 160px */
    width:660px;
    border: dashed saddlebrown;
    height:600px;
    background-color:greenyellow;
}

.footer{
    position:absolute;
    text-align:center;
    top:800px;
    left:5px;
    right:5px;
    height:180px;
    border:dashed green 5px;
    background-color:sienna;
}