body{

    font-family: "Inter", serif;
    overflow-x: hidden;
    /* background-color: #f5f5f5; */
    font-weight: 300;
}
.dropdown-tree {
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}
#sidebar {
    transition: left 0.3s ease-in-out; /* Smooth transition */
}
.fadeLeft {
    transform: translateX(-30px);
    opacity: 0;
    transition: 1s ease;
}

.fadeInLeft {
    /* Changed from section__paragraph--visible to section_paragraph--visible */
    transform: translateY(0);
    opacity: 1;
}

.fadeRight {
    margin: 1rem 0;
    transform: translateX(30px);
    opacity: 0;
    transition: 2s ease;
}

.fadeDown {
    transform: translateY(-30px);
    opacity: 0;
    transition: 1s ease;

}

.Slidedown {
    /* Changed from section__paragraph--visible to section_paragraph--visible */
    transform: translateY(0);

    opacity: 1;
}

.fadeInRight {
    /* Changed from section__paragraph--visible to section_paragraph--visible */
    transform: translateY(0);
    opacity: 1;
}

.fadeIn {
    /* margin: 1rem 0; */
    transform: translateX(0);
    opacity: 0;
    transition: 1s ease;
}

.fadeInc {
    /* Changed from section__paragraph--visible to section_paragraph--visible */
    transform: translateY(0);
    opacity: 1;
}

.section_paragraph {
    margin: 1rem 0;
    transform: translateY(30px);
    opacity: 0;
    transition: 2s ease;
}

.section_paragraph--visible {
    /* Changed from section__paragraph--visible to section_paragraph--visible */
    transform: translateY(0);
    opacity: 1;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.helmet {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}