@import './howls.css';

.new-howl-container {
    display: flex;
    flex-direction: column;

    width: 100%;
    max-width: 600px;
    border-radius: 25px;
}

.new-howl-container {
    background-color: var(--surface-a20);
    border: 2px solid var(--surface-a40);
}

.new-howl-container form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.new-howl-container textarea {
    height: 90px;
    width: 100%;

    resize: none;
}

.new-howl-btn {
    width: 100px;
}

.invalid-feedback {
    font-weight: 600;
}

@media screen and (min-width: 768px) {
    .new-howl-container textarea {
        height: 120px;
    }
}