div#returnMessage
{
    display: none;
}

div.error, 
div.success,
div.loading
{
    font-family: var(--fontRegular);
    font-size: calc(var(--smallFontSize) + 0.2rem);
    padding: 2rem;
    background-repeat: no-repeat;
    background-size: 70px auto;
    background-position: center 20px;
    padding-top: 110px;
    color: #fff;
    border-radius: 12px;
    margin: 1rem;
    display: flex;
    justify-content: center;
}

div.error
{
    background-image: url("../svg/error.svg");
    background-color: rgba(255, 0, 0, 0.3);
}

div.success
{
    background-image: url("../svg/success.svg");
    background-color: rgba(50, 205, 50, 0.3);
}

div.loading
{
    background-image: url("../svg/loading.svg");
    background-color: rgba(255, 217, 2, 0.3);
}


.grecaptcha-badge
{ 
    visibility: hidden;
}

.grecaptcha-footer
{
    padding: 1rem;
    text-align: center;
}

.grecaptcha-footer, .grecaptcha-footer > a
{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 0.65rem;
    color: #fff;
    opacity: 0.75;
}



section > h1.title
{
    padding-bottom: 2rem;
    font-family: var(--fontThin);
    font-size: calc(var(--smallFontSize) + 1.3rem);
}


.fadeOut
{
    animation: fadeIt 2s ease-in-out;
    animation-delay: 0.15s;
}
@keyframes fadeIt {
    0%   { filter: brightness(1); }
    50%  { filter: brightness(3); }
    100% { filter: brightness(1); }
}