html, body {
    height: 100%;
}

.mud-layout {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.mud-main-content {
    flex: 1;
}

.app-footer {
    margin-top: auto;
}

.divider {
    border-top: 1px solid #03020a;
}

.double-divider {
    border-top: 5px double;
}

.card-container {
    background-color: #03020a;
    color: white;
}

.dark-section {
    background-color: #03020a;
    color: white;

    .title {
        color: #f6f23a;
    }

    .divider {
        border-top: 1px solid #f6f23a;
    }
}

.table {
    overflow-x: auto;

    thead tr {
        background-color: #03020a;
        color: #f6f23a;
        
        th {
            font-size: 1.2em;
            font-weight: bold;
        }
    }
}