form {
    display: flex;
    flex-flow: column;
    width: 100%;
}

form label {
    font-size: 1.2em;
    margin-top: 0.8em;
}

form input {
    font-family: var(--font-main);
    max-width: 50%;
    padding: 0.7em 0.3em 0.4em;
    border: none;
    border-bottom: 1px solid var(--primary);

    &:hover {
        background: var(--alt-background);
    }

    &::placeholder {
        color: var(--placeholder-input);
    }
}

form textarea {
    font-family: var(--font-main);
    color: var(--primary);
    padding: 0.3em 0.3em 0.4em;

    &.defaultMessage {
        color: var(--placeholder-input);
    }

    &:focus {
        color: var(--primary);
    }
}