*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
   
}.container{
    height: 800px;
    max-width: 1100px;
    border: 2px solid white;
}
.head{
    height: 20%;
    width: 100%;
    background-color:white; 
    text-align: center;
    color: white;
    padding: 20px;
    
}
.header{
    height: 100%;
    background-color:blue;
    justify-content: center;
    line-height: 300%;
    font-size: xx-large;
}
.container-centre{
    height: 60%;
    width: 100%;
    background-color:white;
    padding: 20px;
    
}
.centre{
    height: 100%;
    width: 100%;
    background-color: white;
    line-height: 2500%;
}
.nav{
    height: 100%;
    width: 25%;
    background-color: rgb(100, 146, 231);
    display: inline-block;
    text-align: center;
    color: white;
    
    
}
.main{
    height: 100%;
    width: 48%;
    background-color: rgb(107, 104, 104);
    display: inline-block;
    text-align: center;
    color: white;
}
.sidebar{
    height: 100%;
    width: 25%;
    background-color: rgb(96, 150, 221);
    display: inline-block;
    text-align: center;
    color: white;
    
}
.foot{
    height: 20%;
    width: 100%;
    background-color:white; 
    text-align: center;
    color: white;
    padding: 20px;
}
.footer{
    height: 100%;
    background-color:blue;
    font-size: xx-large;
    line-height: 300%;
}