*{
    box-sizing: border-box;
}

.html{
    font-size:62.5%;/*1rem = 10px*/
}

.body,h1,h2,ul{
    margin:0;
    padding:0;
    
}
.ul{
    list-style: none;
}

/*******************/
.body{
    font-family: 'Nunito Sans', sans-serif;
}
.arkaplan{
    background-color: #000000;
}
.kapsayici{
    width: 960px;
    margin:0 auto;
}

.ust{
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 200px;
}

.ust .logo{
    text-align: center;
    color:rgb(255, 255, 255);
}
.arkaplan .ust .logo .h1{
    font-size:  200px;
    letter-spacing: .5rem;
}

.ust .logo .h1::first-letter{
    color:rgb(255, 255, 255 ,255);
}

.ust .logo .h1:hover::first-letter{
    background-color: rgb(76, 151, 173),( 255, 255);
    color:rgb(255, 255, 255);
}

.ust .logo .h2{
    font-size:2.4rem;
}





.ust .menu .ul{
    display: flex;
}
.ust .menu ul li{
    margin:0 1rem;
}

.ust .menu ul a{
    color:#ffffff;
    text-decoration: none;
    font-size:1.8rem;
    padding:0 2rem;
}
.ust .menu ul a:hover{
    color:#831f1f;
}

.orta .bolum1{
    margin-top:20px;
    border:10px solid #5f5c5c;
    padding:20px;
}

.orta .bolum1 img{
    display: block;
    width: 100%;
}

.orta .bolum2{
    margin-top:20px;
    display: flex;
    justify-content: space-between;
}
.orta .bolum2 .kutu{
    flex-basis: 290px;
}

.orta .bolum2 .kutu h2{
    font-size: 2rem;
}

.orta .bolum2 .kutu p{
    font-size: 1.6rem;
}

.orta .bolum3{
    display: flex;
    justify-content: space-between;
    gap:20px;
}

.orta .bolum3 h1{
    font-size:2.5rem;
}

.orta .bolum3 p{
    font-size:1.6rem;
}

.alt{
    margin-top:20px;
    padding:20px 0;
    display: flex;
    gap:20px;
}
.alt .baglanti{
    flex-grow: 1;
}

.alt .baglanti ul li{
    border-bottom:dotted 1px rgb(0, 0, 0);
    margin:5px 0;
}

.alt .baglanti a{
    font-size:1.6rem;
    text-decoration: none;
    color:#ffffff;
}


.cizgi{
    border-top:dotted 1px #5e5a5a;
    margin:20px 0;
}

.alt-kenar-10{
    border-bottom:10px solid #494343;
}