body{
background-color:aliceblue
}



.content{
    margin: 0px auto;
width: 900px;
height: 300px;
background-color: black;

}
.content-left{
   
width: 300px;
height: 200px;

}
.content-left-top{
background-color: aqua;
}
.content-left-bottom{
background-color: blue;
}

.content-mid{

}
.content-mid-top{
width: 300px;
height: 50px;
background-color: purple;
}
.content-mid-mid{
width: 300px;
height: 100px;
background-color: pink;
}
.content-mid-bottom{
width: 300px;
height: 50px;
background-color: blueviolet;
}


.content-right{
  width: 300px;
height: 200px;
}
.content-right-top{
background-color: green;
}
.content-right-bottom{
    background-color: greenyellow;
}

nav{
    width:900px;
    height:30px;
    margin: 20px auto;
background-color: black;
} 
.menu{
width:150px;
    height:30px;
    
}menu .sari{
    background-color: yellow;
}
menu .yesil{
    background-color: green;
}
menu .mor{
    background-color: purple;
}
menu .turkuaz{
    background-color: cyan;
}
menu .red{
    background-color: red;
}


.logo{
width: 100px; 
 height: 100px;
 background-color: red;
 float: left;
}
.banner{
width: 800px; 
 height: 100px;
 background-color: green;
 float: left;
}

header{
    margin: 20px auto;
 width: 900px; 
 height: 100px;
 background-color: black;
}