@media (max-width: 1000px) { 

    :root{
        --index-global-div-width: 70vw;
    }

}
    

@media (min-width: 1000px) { 

    :root{
        --index-global-div-width: 40vw;
    }

}

.index-global-div{
    margin: 4.5rem 0rem 6rem 10vw;
    width: var(--index-global-div-width);
}

.index-text{
    margin: 1.5rem 0rem 2.5rem 0rem;
    text-align: justify;
    text-justify: inter-word;
    font: 1.2rem Serif;
}

.index-title{
    margin: 1.2rem 0rem 1rem 0rem;
    color: rgb(30, 32, 204);
    font: bold 1.6rem Serif;
}

.index-image-div{
    margin: 1rem 0rem 1rem 3rem;
    width: 70vw;
}

.index-image{
    margin: 1.2rem 0rem 0.5rem 0rem;
    display:block;
    object-fit: cover;
    width:15rem;
    height: 7.5rem;
    border-radius: 0.5rem;
}


.index-image-title{
    margin: 0.5rem 0rem 1.0rem 0rem;
    text-align: center;
    width: 13rem;
    font: bold 1.2rem Serif; 
    color: rgb(59, 59, 59);
}

.index-image-title-selected{
    margin: 0.5rem 0rem 1.0rem 0rem;
    text-align: center;
    width: 13rem;
    font: bold 1.2rem Serif; 
    color: rgb(0, 0, 0);
    text-decoration: underline;
}

.index-image-ancre{
    margin: 0rem 1rem 0rem 1rem;
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16rem;
}

.index-inline-div{
    display: inline-block;
}