:root {
    --yellow: rgb(241, 157, 33);
    --blue: rgb(50, 80, 131);
    --white-grey: rgba(255, 255, 255, 0.75);
}

.bg-yellow {
    background-color: var(--yellow);
}

.text-yellow {
    color: var(--yellow);
}

.text-blue {
    color: var(--blue);
}

.text-white-grey {
    color: var(--white-grey);
}

.hover-effect {
    transition: all 0.2s ease;
}

.hover-effect:hover {
    transform: scale(1.08);
}

.navbar .nav-link {
    color: var(--blue);
    font-size: 16.5px;  
    font-weight: 500;
    text-align: center;
}

.navbar .nav-link.active {
    color: var(--yellow);
    font-weight: 600;
}

footer .nav-link:hover {
    color: var(--yellow);
    font-weight: 600;
}

#anasayfa {
    height: 100vh;

    display: flex;
    align-items: center;
    text-align: center;

    background-image: url(resimler/anasayfa.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;

    position: relative;
    z-index: 2;
}

#anasayfa::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);

    z-index: -1;
}

.fixed-image{
    margin-top: 100px;
    height: 40vh;

    background-image: url(resimler/anasayfa.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;

    position: relative;
    z-index: 2;
}

.fixed-image::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);

    z-index: -1;
}