.intro {
    display: flex;
    flex-direction: column;
    margin: 15vh auto 0 auto;
    max-width: 75vw;
}

h1 {
    font-size: 68px;
    font-family: 'Indie Flower', cursive;
    color: var(--clr-primary-a60);
}

h2 {
    font-size: 42px;
    font-family: 'Indie Flower', cursive;
    color: var(--clr-primary-a60);
}

@media screen and (width<700px) {
    .intro {
        margin: 5vh auto 0 auto;
    }
    h1 {
        text-align: center;
        margin-bottom: 8px;
    }
    h2 {
        font-size: 28px;
    }
}