.fullsize-starter {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url("img/contact_starter.jpg");
}
.fullsize-starter .backdrop-blur {
    position: relative;
    height: calc(100vh - 5rem);
    background-color: var(--bg-blueish);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.fullsize-starter .backdrop-blur div {
    display: flex;
    flex-flow: row wrap;
    position: absolute;
    left: 5%;
    bottom: 5vw;
    width: 90%;
}
.fullsize-starter .backdrop-blur div > * {
    position: relative;
    align-items: center;
    margin: 0;
    width: 40rem;
    max-width: 90%;
    color: var(--flx-white);
}
.form {
    display: flex;
}
form {
    display: flex;
    position: relative;
    flex-flow: column nowrap;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 90rem;
    gap: 2rem;
}
form .tripartite {
    display: flex;
    flex-flow: row nowrap;
    gap: 2rem;
}
@media (max-width: 899px) {
    form .tripartite {
        flex-flow: column nowrap;
    }
}
form .tripartite > * {
    flex: 1 1 auto;
}
form .labeled-input {
    display: flex;
    flex-flow: column nowrap;
    justify-content: stretch;
}
form .labeled-input label {
    align-self: flex-start;
}
form input,
form textarea {
    padding: 0.5rem;
    font-size: 1.1rem;
    border: none;
    border-radius: 3px;
    color: var(--fg-default);
    background-color: var(--bg-default);
}
form input:focus,
form textarea:focus {
    outline: none;
}
form textarea {
    height: 10em;
    resize: vertical;
}
form a {
    color: var(--flx-white);
}
form input[type="submit"] {
    display: inline-block;
    grid-column: 2;
    padding: 1em 2em;
    margin: 2em 0;
    color: var(--fg-default);
    background-color: var(--bg-default);
    border-radius: 3px;
    text-decoration: none;
    align-self: center;
    cursor: pointer;
}