/* ----------------- error section styles ----------------- */
section.thank-you {
    min-height: 50vh;
    padding: 0 15px;
}

section.thank-you h1 {
    color: var(--white-color);
    font-size: 5em;
    text-align: center;
    font-family: ClementeUltrabold, sans-serif;
    margin: 0.5em 0;
}

section.thank-you p {
    color: var(--white-color);
    text-align: center;
    font-family: ClementeRegular, sans-serif;
}

section.thank-you a {
    display: block;
    width: max-content;
    background:
    linear-gradient(
      45deg,
      var(--logo-yellow-color),
      var(--logo-pink-color),
      var(--logo-blue-color)
    );
    padding: 12.5px;
    border-radius: 12.5px;
    color: var(--white-color);
    font-weight: bold;
    font-family: ClementeRegular;
    margin: 1.5rem auto;
    cursor: pointer;
    transition: transform 0.5s;
}

section.thank-you a:hover {
    transform: scale(1.1);
}

section.thank-you a:active {
    transform: scale(1);
}

/* ----------------- media query ----------------- */
@media screen and (max-width: 480px) {
    section.thank-you h1 {
        font-size: 2.5em;
    }
}