@import './RootStyle.css';

.cv-container{
    margin: clamp(30px , 20vh, 250px) auto;
    width: auto;
    max-width: 90%;
}

.cv-container p{
    font-weight: var(--main-font);
    line-height: 1.8;
    opacity: 0; /* Initially hidden */
    transform: translateX(-100%); /* Start from the left */
    transition-duration: 1ms;
    transition: transform 0.5s ease, opacity 0.5s ease; /* Smooth transition */
}

.cv-container p.active {
    opacity: 1; /* Fully visible when in view */
    transform: translateX(0); /* Move to original position */
}

@media screen and (max-width: 800px){
    .cv-container{
        margin: 4vh auto;
    }
}