#start-page{
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(to bottom, rgb(255, 255, 255)20%, rgba(186, 171, 171, 0.087));
    z-index: 80;
    display: flex;
}

.start-page-letter-wrapper{
    margin-left: auto;
    margin-right: auto;
    margin-top: 25vh;
    width: auto;
    height: auto;
}

.letter {
    color: rgb(48, 172, 200);
    opacity: 1;
    display: inline-block;
    font-size: 10vw;
    cursor: default;
    z-index: 10;
    transition:  1.5s ease;
    font-family: "Jersey 10", sans-serif;
}

.letter.animate {
    animation: gelatine 1.3s ease;
}

.mellanrum {
    display: inline-block;
    width: 3vw;
}

@keyframes gelatine {
    0% {transform: scale(1, 1);}
    15% {transform: scale(1.1, 1.3);} /* stretch vertical + lite in */
    30% {transform: scale(1.3, 0.9);} /* snäpp tillbaka vertikalt + börja horizontal */
    45% {transform: scale(0.9, 1.2);} /* stretch motsatt håll */
    60% {transform: scale(1.15, 0.95);} /* studs lite åt andra hållet */
    75% {transform: scale(0.95, 1.05);} /* mindre studs */
    100% {transform: scale(1, 1);} /* tillbaka till normalt */
}