Contact From

{#await formMessage then formMessage} {#if formMessage}

{formMessage}

{/if} {:catch error}

{error.message}

{/await}

Name {#if !nameValid} Enter a name {/if}

Email {#if !emailValid} Email not valid {/if}

Message

<span class="form-notice" class:error={!messageValid}>
            ({message.length}/{minMessageLength})
        </span>
    </div>

<button type="submit">Submit  <PaperPlaneRight weight="fill" /></button>
</form>

#name, #email {
        width: 300px;
        max-width: calc(100vw - calc(2 * $spacing-normal));

}

#message {
        min-width: 250px;
        max-width: calc(100vw - calc(2 * $spacing-normal));
        resize: none;
        overflow: hidden;
    }

button {
        padding: 0 $spacing-normal;

height: 30px;

display: flex;
        justify-content: center;
        align-items: center;

text-shadow: 0 1px 0.5px rgba($color-dark, 0.3);;

border: 0 solid transparent;
        border-radius: 9999px;
        background-color: $color-dark;
        color: $color-on-dark;

&:hover, &:focus {
            border: 0 solid transparent;
            background-color: $color-primary;
            color: $color-on-primary;
            outline: 0 solid transparent
        }
    }
</style>

Contact us

Commonly Asked Questions

Contact From