.parallax-container{
    width: 100%;
    height: 80vh;
}

.hero-container{
    display: flex;
    flex-direction: column;
    align-items:center;
    justify-content: end;
    height: 80vh;
    text-shadow: 1px 1px 6px rgba(0,0,0,0.9), 4px 4px 6px rgba(0,0,0,0.5), 8px 8px 11px rgba(0,0,0,0.75), 22px 22px 20px rgba(0,0,0,0.4), -2px -2px 5px rgba(0,0,0,0.2), 2px 2px 5px rgba(0,0,0,0.2) !important;
    transform: translateY(-10%);
}

.hero-container .nombre{
    border: solid white 1px;
    width: 90%;
    height: fit-content;
    text-align: center;
    font-size: 14vw;
}

.hero-container .fecha-text{
    margin-top: 4%;
    font-size: 8vw;
    color: white;
}

.hero-container .time #countdown{
    color: white;
    margin-top: 0 !important;
}

.countdown-container .segment span{
    font-size: 5vw !important;
}