main {
    display: flex;
    flex-direction: row;
    gap: 0.5em;
    margin: 2em;

    >div {
        border: 1px solid var(--color);
        background-color: var(--color-bg2);
        flex-grow: 1;
    }
}

p {
    margin: 0.25em;
}

#login {
    flex-grow: 0;
    min-width: 15em;

    >form {
        display: flex;
        flex-direction: column;
        margin: 0 0.25em 0.25em 0.25em;
        gap: 0.25em;

        label {
            margin-bottom: -0.5em;
        }
    }
}

@media (max-width: 750px) {
    main {
        flex-direction: column;
    }
}