html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.first-page {
    height: 100vh;
}

.second-page {
}

.photo {
    border-radius: 50%; /* Fotoğrafı yuvarlak hale getirir */
    box-shadow: 10px 0px 10px 1px rgba(0, 0, 0, 1); /* Arkasında gölge efekti oluşturur */
}

    .photo img {
        height: auto; /* Oranları koruyarak yüksekliği otomatik olarak ayarlar */
        transform: rotateY(20deg) rotateX(10deg); /* Perspektif efekti için dönüşüm değerlerini ayarlar */
    }

.menu {
    position: absolute;
    left: 150vh;
    top: 150px;
    width: 100px;
}



/* Media query for xxl device sizes */
@media (max-width: 1500px) {
    .menu {
        left: 120vh;
    }
}


/* Media query for xxl device sizes */
@media (max-width: 1230px) {
    .menu {
        left: 100vh;
    }
}

/* Media query for xxl device sizes */
@media (max-width: 1050px) {
    .menu {
        left: 85vh;
    }
}

/* Media query for xxl device sizes */
@media (max-width: 912px) {
    .menu {
        position: static;
        display: flex;
        justify-content: center;
        width: 100%;
        flex-direction: row;
    }
}


@media (max-width: 912px) {
    .navbar-menu {
        position: static;
        display: flex;
        justify-content: center;
        flex-direction: row;
    }
}

.profile-pic{
    width:430px;
}