html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

div{
    overflow-x:hidden!important;
}

body {
    background: rgb(70, 4, 129);
    background: linear-gradient(0deg, rgba(70, 4, 129, 1) 0%, rgba(126, 14, 187, 1) 35%, rgba(55, 160, 241, 1) 100%);
    background-attachment: fixed;
    padding: 0;
    margin: 0;
    overflow-x: hidden!important;
}
.container-fluid{
    overflow-x:hidden;
}

.hero{
    background-image: url('bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: cover;
    height:100vh;
}

.yol{
    margin: 0;
    padding: 0;
    height: 130vh;
   
    
    background-image: url('yol.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.logo{
    margin-top:25%;
}

.anamenu{
    padding-top:40px;
    z-index:9999999;
   
}
.anamenu a{
    font-size:24px;
    margin-right:30px;
    
}

#moving-image {
    
    
    cursor: pointer;
    transition: transform 0.1s ease-out; /* İmlece göre hareket için geçiş efekti */
}

@media (max-width: 767px) {
            .heromobil {
                display: block;
                margin-top: 150px !important;
            }

            .hero {
                display: none;
            }
            .anamenu a{
                font-size:18px!important;
                margin-right:15px!important;
            }
            .yapiskan{
                margin-bottom:20px;
                
                position: fixed;
                top:0;
                background-color: blueviolet;
            }
        }

        /* Stil sadece masaüstü ekranlarda (768px ve üstü) görünecek */
        @media (min-width: 768px) {
            .heromobil {
                display: none;
            }

            .hero {
                display: block;
            }
        }