/* MAKE SURE THIS IS SPECIFIC TO POST */

h2{
    text-align: center;
}

h3{
    width: 100%;
}

h4{
    width: 100%;
}

button {
    color: var(--color-dark-text);
    background-color: var(--color-light-text);
    font-family: var(--font-body-family);
}

select {
    background-color: var(--color-background);
    color: var(--color-light-text-2);
    font-family: var(--font-body-family);
    width: 100%;
}

select option{
    background-color: var(--color-background);
    color: var(--color-light-text-2);
}

textarea {
    background-color: var(--color-background);
    color: var(--color-light-text-2);
    width: 100%;
}

.divider{
    border: 1px solid var(--color-light-text);
    width: 100%;
}

/* GRID */
.grid {
    display: flex;
    flex-wrap: wrap;
    padding: var(--padding);
    gap: var(--flex-spacing);
    border: 1px solid var(--color-light-text);
    width: 300px;
    height: fit-content;
    margin: auto;
}