/* 2.5rem */
.name, .title, .desc {
    width: 255px;
}


.name { 
    font-size: 2.6rem; 
    font-weight: 700;
    text-align: center;
}

/* 1.95rem */
.title { 
    font-size: 1.96rem;
    text-align: center;
}

.desc {
    font-size: 1.4rem;
    text-align: center;
}



.year{
    margin: 0;
    opacity: 0.5;
}

.page-index {
    display: none;
}


.page-index-link-active {
    background: var(--linear-secondary);
    background-clip: text; 
    -webkit-text-fill-color: transparent; 
    -webkit-background-clip: text; 
}

@media screen and (min-height: 700px) { 

    .page-index {
        font-size: 0.75rem;
        margin-bottom: .25rem !important;
    }

    .page-index div * {
        font-size: 0.8rem;
        margin-bottom: .5rem !important;
    }

    .page-index-a {
        font-size: 0.8rem;
    }

}


@media screen and (min-width: 992px) { 

    /* 2.5rem */
    .name, .title, .desc {
        width: 325px;
    }


}