html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    max-width: 800px;
    margin: 20px auto 0 auto;
    font-family: Whyte, ui-sans-serif, system-ui, -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;

    background-color: rgb(248, 248, 248);

}
body {
    margin: 0px;
    line-height: inherit;
    padding: 10px;
}

.container {
    border: 0px black solid; 
    display: grid;
    grid-auto-rows: minmax(min-content, max-content);
    grid-template-columns: auto 1fr;
    margin: 10px 0;
}
.container h3 {
    border: 0px red solid;
    
    transform: rotate(180deg);
    writing-mode: vertical-lr;
    text-align: right;
    margin: 5px;
    padding: 15px 0px;

    --tw-text-opacity: 1;
    color: rgb(82 82 82 / var(--tw-text-opacity));
    font-size: 0.70rem;
    font-weight: 700;



}

.container p {
    font-family: "Times New Roman", Times, serif;
    border: 0px blue solid; 
    margin: 5px;
    padding: 10px;
}


.container p a:link, a:visited {
    color: inherit;
    text-underline-position: from-font;
    text-decoration-thickness: 0.10rem;
    text-decoration-line: underline;
    cursor: pointer;
    letter-spacing: 0.025em;
    text-decoration-color: #a3a3a3;
}
.container p a:hover, a:active {
    text-decoration-color: #cfcfcf;
}


tag2 {
    background:  #000000;
    border-radius: 8px;
    padding: 0px 15px 5px 10px;
    margin:0 0 0 5px;
    font-size: 3rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #ffffff;
}


tag {
    background:  #000000;
    border-radius: 5px;
    padding: 0px 5px 0px 5px;
    margin:0 0 0 5px;
    font-size: 0.75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: #ffffff;
}

footer {
    font-size: 0.75rem;
    line-height: 1rem;
}



.font-serif {
    font-family: "Times New Roman", Times, serif;
}


.font-sans {
    font-family: Whyte, ui-sans-serif, system-ui, -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;
}
.text-5xl {
    font-size: 1.5rem;
    line-height: 1;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.font-bold {
    font-weight: 700;
}
.font-medium {
    font-weight: 500;
}
.uppercase {
    text-transform: uppercase;
}
.italic {
    font-style: italic;
}
.w-fit {
    width: -moz-fit-content;
    width: fit-content;
}
.leading-tight {
    line-height: 1.25;
}
.cursor-auto {
    cursor: auto;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-vertical-text {
    cursor: vertical-text;
}

q {
    font-size: 1.5rem;
    line-height: 1.75rem;
    font-style: italic;
    font-weight: 700;
    font-family: "Times New Roman", Times, serif;
}

.type2 {
    font-style: italic;
    font-family: Laica, ui-serif, Georgia, Cambria, Times New Roman, Times,
serif;
}

.tagpadding {
    padding: 0 0 0 10px;

}
.tagpadding::after{
    content: '\A'; white-space: pre;
}

footer {
    float: right;
    margin: 50px 0 25px 0;
    font-family: "Times New Roman", Times, serif;
}

.logo2 {
    width: 200px;
}
.logo3 {
    padding-top: 10px;
    width: 180px;
}

.sub-title {
    padding: 0px;
    margin: 0px 0 30px 0;
    font-style: italic;
}

.crumb {
    font-family: "Times New Roman", Times, serif;
    font-size: 1rem;
    line-height: 1rem;
    padding: 0 0 0 45px;
    margin: 0 0 0 0;
    font-style: italic;

}
.crumb a {
    padding: 0 10px 0 0;
    color: black;
}
.crumb a, a:link, a:visited {
    text-underline-position: from-font;
    text-decoration-thickness: 0.10rem;
    text-decoration-line: none !important;
    cursor: pointer;
    letter-spacing: 0.025em;
    text-decoration-color: #a3a3a3;
}
.crumb a:hover, a:active {
    text-decoration-color: #cfcfcf;
    text-decoration-line: underline;
}
