*{
    margin: 0;
    padding: 0;
}
.menu{
 display: flex;
 background-color: rgb(59,59,59);
justify-content: space-around;
border-bottom: 6px orangered;
}
.menu ol{
    display: flex;/*listenin elemanları yan yana olur*/
    background-color:rgb(59, 59, 59);
    list-style-type: none;/*listenin numaralarını kaldırır*/
    width: 50%;
}
.menu ol li{
    flex-grow: 1;
}
.menu ol li a{
    display: block;
    text-decoration: none;
    text-align: center;
    color:white;
    padding: 130px 10px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    
}
.menu h1{
    width: 50%;
    padding: 20px 20px;
}
.menu a:hover{
    background-color:black;
    color: yellow;
    transition: 1s;
}
.ana_sayfa{
    width: 90%;
    margin: auto auto;
    border: 1px solid black;
    height: 1150px;
}
.ust_kapsayici{
    display: flex;
    width: 95%;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
    height: 400px;
}
.sol_resim{
    
    padding: 10px 10px;
    margin: 50px 100px;
}
.alt_kapsayici{
    display: flex;
    width: 95%;
    margin-top: 50px;
    margin: auto auto;
    justify-content:  space-between;

}
.kutu{
    width: 22%;
    margin: 12px;
    padding: 10px;
    align-items: center;
    border: 1px solid black;
}
.kutu img{
    width: 250px;
    height: 200px;   
    margin-bottom: 20px;
}
.kutu p
{
    text-indent: 50px;
    font-size: 18px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.kutu h1{
    background-color: orangered;
    text-align: center;
    margin-bottom: 20px;
}
.kutu img:hover{
    opacity: 80%;
}
.btn{
    margin-top: 25px;
    text-align: center;
    background-color: orange;
    border: 1px solid orangered;
    padding: 20px;
}
.btn a{
    text-decoration: none;
    font-size: 20px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}
.btn:hover{
    background-color: orangered;
    
    color: white;
}
.footer {
    height: 200px;
    background-color: orangered;
    color: white;
}