* {
    margin: 0;
    padding: 0;
}

/* portada */
.titulo {
    font-family: "Cormorant Garamond", serif;
}
.cursor-imagen {
    cursor: crosshair;
}
.cursor-texto {
    cursor: default;
}
.parrafo {
    font-family: "trajan", serif;
}


/* conocimientos */
.estudio {
    position: relative;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
}
.correccion {
    cursor: default;
    height: 100%;
}
.estudio-1:before {
    content: " ";
    background: #22007015;
    z-index: 5;
    height: 180px;
    position: absolute;
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
    width: 1000px;
    top: -120px;
    left: -210px;
}

.estudio-1:after {
    content: " ";
    right: 0;
    left: 0;
    top: 0;
    z-index: 5;
    height: 180px;
    position: absolute;
    -webkit-transform: rotate(106deg);
    -ms-transform: rotate(106deg);
    transform: rotate(106deg);
    width: 1000px;
    top: -210px;
    left: -470px;
    background: #00377120;
}

/* certifiados */

.vertical-text {
    cursor: default;
    writing-mode: vertical-lr;
    transform: rotate(-180deg);
}

.v-center {
    align-items: center;
    justify-content: center;
    display: flex;
}


/* efecto */

@keyframes showefecto {
    from {
        opacity: 0;
        scale: 25%;
    }

    to {
        opacity: 1;
        scale: 100%;
    }
}

.imgefecto {
    view-timeline-name: --image;
    view-timeline-axis: block;

    animation-timeline: --image;
    animation-name: showefecto;

    animation-range: entry 25% cover 30%;
    animation-fill-mode: both;
}