div {
    display: block;
}

/* body {
    background-color: #CEFFD4;
    overflow-x: hidden;
    text-align: center;
    font-family: sans-serif;
    font-weight: 700;
    padding: 0;
    margin: 0;
} */


body {
    background-color: #fc9;
    overflow-x: hidden;
    text-align: center;
    font-family: sans-serif;
    font-weight: 700;
    padding: 0;
    margin: 0;
}


element.style {
    width: 100%;
    text-align: center;
}

.panel.panel-info {
    width: 100%;
}



.panel.panel-info {
    border: 1px solid #3f51b5;
    border-radius: 5px;
    width: 100%;
    margin: 0 auto 0;
}

.panel-heading h1 {
    margin: 0;
    padding: 5px;
}

h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

table, th, td {
    border: 1px solid #000;
}

table {
    border-collapse: collapse;
}

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}

thead {
    background-color: #ffc107;
    text-shadow: 1px 1px 2px #9a7400ab;
}

thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
}

td {
    font-weight: 700;
}

tbody td {
    padding: 5px 0;
    font-size: 24px;
}

td {
    display: table-cell;
    vertical-align: inherit;
}

table, th, td {
    border: 1px solid #000;
}

td {
    display: table-cell;
    vertical-align: inherit;
}

.r {
    color: red;
}