@import '_variables';
@import '_mixins';

.panel-container {
    margin: auto;
    font-size: 130%;
}

.error-panel {
    @include center-panel(var(--error_red));
}

.search-bar {
    // background: var(--darkest_grey);
}

.search-bar > form {
    @include center-panel(var(--darkest_grey));

    button {
        background: var(--bg_elements);
        color: var(--fg_color);
        border: 0;
        border-radius: 3px;
        cursor: pointer;
        font-weight: bold;
        width: 30px;
        height: 30px;
    }

    input {
        font-size: 16px;
        width: 100%;
        background: var(--bg_elements);
        color: var(--fg_color);
        border: 0;
        border-radius: 4px;
        padding: 4px;
        margin-right: 8px;
    }
}