body{
    margin: 0px;
    background-color: lightblue;
}
header{
    margin: 20px auto;
    width: 900px;
    height: 100px;
    background-color: #000;
}
.logo{
    margin: 0px auto;
    width: 100px;
    height: 100px;
    background-color: red;
    float: left;
}
.banner{
    margin: 0px auto;
    width: 800px;
    height: 100px;
    background-color: green;
    float: left;
}
nav{
    margin: 20px auto;
    width: 900px;
    height: 30px;
    background-color: #000;
}
nav .menu{
    float: left;
    margin: 0px auto;
    width: 180px;
    height: 30px;
}
.renk-kirmizi{
    background-color: rgb(77, 53, 53);
}
.renk-turuncu{
    background-color: orange;
}
.renk-sari{
    background-color: yellow;
}
.renk-mavi{
    background-color: blue;
}
.renk-mor{
    background-color: purple;
}
.content{
    margin: 0px auto;
    width: 900px;
    height: 300px;
    background-color: #000;
}
.content-ic{
    width: 300px;
    height: 300px;
    background-color: pink;
    float: left;
}
.kutu-ust{
    margin: 0px auto;
    width: 300px;
    height: 150px;
    background-color: rgb(125, 32, 32);
}
.kutu-alt{
    margin: 0px auto;
    width: 300px;
    height: 150px;
    background-color: rgb(32, 125, 90);
}
.kutu2-ust{
    margin: 0px auto;
    width: 300px;
    height: 100px;
    background-color: rgb(208, 100, 198);
}
.kutu2-orta{
    margin: 0px auto;
    width: 300px;
    height: 100px;
    background-color: rgb(30, 95, 34);
}
.kutu2-alt{
    margin: 0px auto;
    width: 300px;
    height: 100px;
    background-color: rgb(90, 40, 150);
}
.kutu3-ust{
    margin: 0px auto;
    width: 300px;
    height: 150px;
    background-color: rgb(200, 200, 50);
}
.kutu3-alt{
    margin: 0px auto;
    width: 300px;
    height: 150px;
    background-color: rgb(153, 104, 29);
}
footer{
    margin: 300px auto;
    width: 900px;
    height: 50px;
    background-color: #000;
}