body {
    font-family: 'Montserrat';
    scroll-behavior: smooth;
}

#liz, #skylar, #lisa, #jennifer, #nathan {
    border-radius: 10px;
}

.whitespace {
    white-space: pre;
}

.container-padding {
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (min-width: 640px) {
    .container-padding {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

#friendship, #fuel {
    background-image: linear-gradient(to right, red, orange, yellow, green, turquoise, blue, purple);
    background-size: 200% 100%;
    animation: slideGradient 2s linear infinite alternate;
    -webkit-background-clip: text;
    background-clip: text;
    color: rgba(0,0,0,0);
}

@keyframes slideGradient {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 100% 0%;
    }
}