html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    font: 18px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color:#c9d1d9;
    background:#0d1117
}

a:link {color:#58a6ff}
a:visited {color:#8e96f0}

#page {
    display: flex;
    height: calc( 100vh - 100px);
}

footer {
    height: 100px;
    font-size: smaller;
}

#sideBar {
    text-align: left;
    margin-left: 10px;
    width: 250px;
    font-size: smaller;
}

#content {
    flex: 1 0 auto;
}

.formtext {
    display: inline;
}

h1,h2,h3 {
    line-height:1.2;
    text-align: center;
}

address {
    text-align: center;
}

li + li {
    margin-top: 10px;
}

tbody tr:nth-child(odd) {
    background-color: #1D2634;
}

table {
    table-layout: fixed;
    width: 100%;
    margin: 10px auto;
    /*margin: 2px auto;*/
    border-collapse: collapse;
}
td {
    padding: 0.4em;
    vertical-align: top;
}
th {
    padding-inline: 0.6em;
    padding: 0.6em;
}

a:hover {
    text-decoration: none;
}

.container {
    display: flex;
}
.container iframe {
    width: 100%;
    max-width: calc(100vw - 250px);
    min-height: calc(100vh);
}

.container img {
    width: 100%;
    max-width: calc(90vw - 250px);
}