/*
==========
404 DESCRIPTION (CASCADA)
==========
*/

.container__description{
    width: 100%;
    height: auto;
    margin-bottom: 3em;
    text-align: center;
}

/* Estado inicial oculto */
.container__description .title__three,
.container__description .title__two,
.container__description .normal{
    opacity: 0;
    transform: translateX(-60px);
}

/*
==========
ANIMACIÓN EN CASCADA
==========
*/

.container__description.animate .title__three{
    opacity: 1;
    transform: translateX(0);
    transition: all 0.8s ease;
    transition-delay: 0.2s;
}

.container__description.animate .title__two{
    opacity: 1;
    transform: translateX(0);
    transition: all 0.8s ease;
    transition-delay: 0.4s;
}

.container__description.animate .normal{
    opacity: 1;
    transform: translateX(0);
    transition: all 0.8s ease;
    transition-delay: 0.6s;
}

/*
==========
ESTILOS BASE (los tuyos)
==========
*/

.container__description .title__three{
    color: var(--orange-color);
    margin-top: 2em;
}

.container__description .title__two{
    color: var(--blue-color);
    padding-bottom: 1em;
}

.container__description .normal{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 1em;
}

/*
==========
LINK
==========
*/

.container__description a{
    color: var(--orange-color);
    text-decoration: none;
    font-weight: bold;
}

.container__description a:hover{
    text-decoration: underline;
}