/* +++++++++++++++++++++++++++++++ *\
               PANEL
\* +++++++++++++++++++++++++++++++ */
.left_panel {
    width: 100%;
    height: 100%;

    position: relative;

    background: url(../images/background.webp) center top no-repeat;
    background-size: cover;

    display: inline-grid;
    align-content: space-between;
    padding: 16px;
}

.right_panel {
    width: 100%;

    background-color: var(--color_white);
    border-radius: 24px;
}

@media (min-width: 768px) {
    .left_panel {
        width: 50%;
        min-height: calc(100vh - 168px);
    }
    .right_panel {
        width: 50%;
    }
}
@media (min-width: 992px) {
    .left_panel {
        width: 55%;
    }
    .right_panel {
        width: 45%;
    }
}