/* ==================== */
/* MAIN */
.app {
    display: flex;

    flex-direction: column;

    padding: 32px;
    width: 100%;
    height: 100%;

    background-color: #0d1117;
}

/* ==================== */
/* MENU */
.app-menu {
    padding: 16px;

    height: 100%;
    width: 100%;
}

/* ==================== */
/* GROUP */
.app-menu-group {
    display: flex;

    flex-direction: column;

    padding: 16px;

    height: auto;
    width: 100%;

    margin-top: 16px;
    margin-bottom: 32px;

    border-width: 2px;
    border-style: solid;
    border-radius: 8px;
    border-color: #1e1f22;
}

/* ==================== */
/* SECTIONS */
.app-sections {
    width: 100%;
    height: 100%;

    padding: 16px;
}