div {
    display: block;
}

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

/* .panel.panel-info {
    width: 99%;
} */

/* body
{
    background-color: #CEFFD4;
    text-align: center;
    margin: 0;
    scroll-behavior: smooth;
    font-style: italic;
    font-family: sans-serif;
    font-weight: 700;
    padding: 0;
    margin: 0;
} */

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

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

.panel.panel-info {
    border: 1px solid #3f51b5;
    border-radius: 5px;
    width: 98%;
    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 #03a9f4a8;
}

table {
    border-collapse: collapse;
}

tbody tr td:nth-child(4), tbody tr td:nth-child(7), tbody tr td:nth-child(10), tbody tr td:nth-child(13), tbody tr td:nth-child(16), tbody tr td:nth-child(19), tbody tr td:nth-child(22), tbody tr td:nth-child(25), tbody tr td:nth-child(28) {
    border-left-width: 0;
    font-size: 11px;
}

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;
}

thead tr th:nth-child(1) {
    width: 55px;
}

th {
    font-size: 11px;
}

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

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

tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

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

tr td:nth-child(1) {
    font-size: 9px;
}

tbody td {
    padding: 5px 0;
    font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

tbody tr td:nth-child(2), tbody tr td:nth-child(5), tbody tr td:nth-child(8), tbody tr td:nth-child(11), tbody tr td:nth-child(14), tbody tr td:nth-child(17), tbody tr td:nth-child(20), tbody tr td:nth-child(23) {
    border-right-width: 0;
    font-size: 11px;
}

.r {
    color: red;
}

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