@import url('https://fonts.googleapis.com/css2?family=Aboreto&family=Dancing+Script&family=Playfair+Display:ital@1&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.nav {
    padding: 5px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
}

.menu-btn {
    font-size: 2.3rem;
    color: maroon;
    cursor: pointer;
}

.logo {
    margin: 0px 20px;
}

.menu {
    background-color: white;
    width: 50%;
    padding: 5px;
    min-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 999;
}

.menu-child {
    min-height: 400px;
    width: 90%;
    margin: auto;
    font-size: 15px;
}
.menu-child a{
    text-decoration: none;
    text-transform: capitalize;
    color: maroon;
    transition: all 1s;
}
.menu-child a:hover{
    font-weight: 900;
    font-style: italic;
}
.menu-child ul li{
    list-style: none;
    padding: 10px;
}








/* ----------------------------------------------- */



.landing-page {
    min-height: 100vh;
    display: flex;
}

.left {
    width: 50%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    /* background-color:#FFFFF0; */
    
}

.right {
    height: 100vh;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: black; */
    overflow: hidden;
}

.img-box {
    width: 100%;
    height: 100vh;
}

.img-box img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* object-fit: cover; */
}

.left-text {
    width: 350px;
    /* height: 400px; */
    overflow: hidden;
}

.left-text-cover {
    width: 3850px;
    height: 100%;
    display: flex;
    animation: moving-text 33s ease-in infinite;
}

.moving-text-box {
    width: 350px;
    height: 100%;
    /* border: 2px solid red; */
}

@keyframes moving-text {
    0% {
        transform: translate(0px);
    }

    8% {
        transform: translate(0px);
    }

    9% {
        transform: translate(-350px);
    }

    17% {
        transform: translate(-350px);
    }

    18% {
        transform: translate(-700px);
    }

    26% {
        transform: translate(-700px);
    }

    27% {
        transform: translate(-1050px);
    }

    35% {
        transform: translate(-1050px);
    }

    36% {
        transform: translate(-1400px);
    }

    44% {
        transform: translate(-1400px);
    }

    45% {
        transform: translate(-1750px);
    }

    53% {
        transform: translate(-1750px);
    }

    54% {
        transform: translate(-2100px);
    }

    62% {
        transform: translate(-2100px);
    }

    63% {
        transform: translate(-2450px);
    }

    71% {
        transform: translate(-2450px);
    }

    72% {
        transform: translate(-2800px);
    }

    80% {
        transform: translate(-2800px);
    }

    81% {
        transform: translate(-3150px);
    }

    89% {
        transform: translate(-3150px);
    }

    90% {
        transform: translate(-3500px);
    }

    98% {
        transform: translate(-3500px);
    }

    99% {
        transform: translate(-3850px);
    }
}

.moving-text-box article {
    padding: 20px;
    font-size: 20px;
}

.moving-text-box article p {
    margin: 10px 0px;
}

.moving-text-box article h4 {
    margin: 20px 0px;
    font-size: 3rem;
    color: maroon;
}
@media screen and (max-width: 820px) {
    .landing-page{
        flex-direction: column;
    }
    .left, .right, .menu{
        width: 100%;
    }
    

}