html{
    background-color: var(--third-color);
}

.makaleContainer{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.makale{
    width: 60%;
    height: 100%;
    text-align:left;
    margin-left: 20%;
    display: flex;
    flex-direction: column;
    gap: 4rem;
    background-color: #fff;
    padding: 5rem 5rem 5rem 5rem;
}

.makaleContainer .makale img{
    -webkit-box-shadow: 0px 0px 1px 0px rgba(74,74,74,1);
-moz-box-shadow: 0px 0px 1px 0px rgba(74,74,74,1);
box-shadow: 0px 0px 1px 0px rgba(74,74,74,1);
}

.makaleContainer .makale h1{
    text-align: center;
    font-size: 3rem;
    color: var(--second-color);
}

.makaleContainer .makale .paragraf{
    display: flex;
    flex-direction: column;
    gap: 2rem;

}

.makaleContainer .makale p{
    font-size: 1.6rem;
    text-transform: none;
}

.makaleContainer .makale .paragraf strong a{
    color: var(--fourth-color);
}

.makaleContainer .makale h2{
    font-size: 2.5rem;
    color: var(--second-color);
    
}

.makaleContainer .makale .ikili{
    display: flex;
    
}

.makaleContainer .makale .ikili .flex{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 0 2rem 0 0;
}

.makaleContainer .makale .ikili li{
    list-style: none;
}

@media (max-width: 800px) {

    .makaleContainer .makale{
        width: 75%;
        margin-left: 12.5%;
    }

    .makaleContainer .makale .ikili{
        flex-direction: column;
        gap: 3rem;
    }
    .makaleContainer .makale .ikili .flex{
        width: 100%;
    }
  }