.lapalmaImage{
    height: 800px;
}

.lapalmaBackground {
    background-image: var(--laPalmaImage);
    background-position: -75px 0;
    background-size: auto 1000px;
}

.indexAnimation{
    position: relative;
    transform: translate(0, 25vh);
}

.indexText{
    display: block;
    text-align: center;
    color: var(--ptWhite);
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    -webkit-text-stroke-width: 0.0px;
    -webkit-text-stroke-color: var(--pbWhite);
    animation: ani1 var(--animTime) ease-in-out forwards;
}

.indexDate{
    font-size: 20px;
    font-weight: 300;
}

.indexName{
    font-size: 50px;
    font-weight: bolder;
    margin-top: 5px;
    margin-bottom: 5px;
}

.indexLine{
    background-image: var(--indexLine);
    height: 20px;
    width: 200px;
    background-repeat: repeat-x; 
    background-position: center; 
    background-color: transparent; 
    border: none;
    opacity: 0;
    animation: ani2 var(--animTime) ease-in-out forwards;
}

@keyframes ani1{
    100%{
        color: var(--pWhite);
        transform: translate(0, var(--animTranslation));
        -webkit-text-stroke-width: 1px;
    }
}

@keyframes ani2{
    100%{
        opacity: 1;
        transform: translate(0, var(--animTranslation));
    }
}