@font-face {
    font-family: Devanagari;
    src: url(../fonts/Shree\ Devanagari\ 714.ttf);
}

@font-face {
    font-family: Light;
    src: url(../fonts/HelveticaNeueLight.otf);
}

@font-face {
    font-family: Test1;
    src: url(../fonts/AppleGaramond-LightItalic.ttf);
}

@font-face {
    font-family: slant;
    src: url(../fonts/HelveticaNeueItalic.ttf);
}

body{
    background-color: #9E9E9E;
}



.back-arrow {

    position: fixed;
    width : 26px;
    height : 29px;
    left : 48px;
    top : 37px;
    z-index: 101;
    cursor: pointer; 

}

.Project-Text {
    position: fixed;
    width: 906.6948px;
    height: 254.3168px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: slant;
    text-align: center;
    font-size: 78px;
    letter-spacing: -7.02px;
    color: #000000;
}

.close{

    display: none;
}

.burger{

    display: none;
}

.Projects-2{
    display: none;
}

.Home{
display: none;
}

@media (max-width:768px) {

    .back-arrow {

        position: fixed;
        width : 26px;
        height : 29px;
        left : 11.3px;
        top : 15.0714px;
        z-index: 101;
    
    }

    .Project-Text {
        position: fixed;
        width: 680.0189px;
        height: 190.737px;
        top: 50%; /* Center vertically */
        left: 50%; /* Center horizontally */
        transform: translate(-50%, -100%); /* Adjust for element's own dimensions */
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: slant;
        text-align: center;
        font-size: 60px;
        letter-spacing: -5.4px;
        color: #000000;
    }

    .close{

        display: none;
    }
    
    .burger{
    
        display: none;
    }

}



@media (max-width:480px) {



    .back-arrow {
        position: fixed;
        left : 12px;
        top : 16px;
        width : 17px;
        height : 19px;
        z-index: 101;
    }

    .Project-Text {
        position: fixed;
        width: 357.0702px;
        height: 190.737px;
        top: 50%; /* Center vertically */
        left: 50%; /* Center horizontally */
        transform: translate(-50%, -120%); /* Adjust for element's own dimensions */
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: slant;
        text-align: center;
        font-size : 52px;
        letter-spacing : -4.68px;
        color: #000000;
    }

    .burger{
        display: block;
        position : fixed;
        right : 7.449px;
        top : 13px;
        width : 28px;
        height : 14px;
        align-items: center;
    }
    
    .close {
        display: none;
        position : fixed;
        right : 7.449px;
        top : 13px;
        width : 28px;
        height : 14px;
        align-items: center;
    }

    .Projects-2{

        display: none;
        position: fixed;
        font-family : Light;
        font-size : 65px;
        letter-spacing : -4.36px;
        color : #000000;
        width: 196.957px;
        height: 75.9341px;
        top: 180.2385px;
        left: 16.3726px;
    }
    
    .Home{
    
        display: none;
        position: fixed;
        font-family : Light;
        font-size : 65px;
        letter-spacing : -4.36px;
        color : #000000;
        width: 196.957px;
        height: 75.9341px;
        top: 107.0598px;
        left: 16.3726px;


    }




}