*{
    margin:0;
    padding:0;
}

body{
    background-color: rgb(0, 136, 255);
}

header{
    height:100px;
    width: 100%;
    background-color: chartreuse;
    display: flex;
    justify-content: center;
}
header div{
    height:100%;
    width:33.3%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#left{
    background-color: aqua;
}
#mid{
    background-color: rgb(255, 0, 166);
    flex-direction: column;
}
#right{
    background-color: chocolate;
}

#main{
    height:300px;
    width:100%;
    background-color: brown;
}

.third{
  height:100px;  
  width: 32.33%;
  background-color: blueviolet;
  float:left;
  margin:100px 0.5%;
  display: flex;
  justify-content: center;
  align-items: center;
}






footer{
    height:100px;
    width: 100%;
    background-color: rgb(12, 0, 74);
    display: flex;
    align-items: center;
    justify-content: center;
}

footer img{
    height:100%;
}