html {
    color-scheme: light dark;
    -webkit-text-size-adjust: 100%;
}

body {
    width: 100%;
    max-width: 35em;
    overflow-x: hidden;
    margin: 0 auto;
    font-family: Tahoma, Verdana, Arial, sans-serif;
}

hr {
  border: 0;
  border-top: 1px solid currentColor;
  margin: 1em 0;
}

th, td {
    padding: 0px;
    border-spacing: 00px;
}

@media screen and (max-width: 35em) {
    div#wrapper {
        max-width: 100%;
        overflow:hidden;
    }

    img {
        height: auto;
        max-width: 100%;
    }

    hr {
        width: 100vw;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}

.centered {
    text-align: center;
}

.col-label {
    width: 25%;
    float: left;
    margin-top: 6px;
}

.col-data {
    width: 75%;
    float: left;
    margin-top: 6px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.textareasmall {
    width: 25em;
    max-width: 35em;
    height: 75px;
}

.textarealarge {
    width: 35em;
    max-width: 35em;
    min-height: 22em;
    field-sizing: content;
}

.quoted {
    padding-left: 1.5em;
    text-indent: -1.5em;
}