* {
    font-family: georgia, serif;
}

body {
    font-size:14pt;
    color: #555;
    background-color: #f9f9f9;
    padding: 5% 6% 15% 5%;
    text-align:center;
    /* width: 100vw;
    height: 100vh;
    margin: 0;
    overflow: auto; */
}

#X {
    position:absolute;
    z-index:1;
    left:50px;
    top:60px;
    font-size:48pt;
    line-height:0;
}

#X a {
    color:#aaa;
    text-decoration:none;
    cursor:crosshair;
}

h1 {
    font-size:64pt;
    word-spacing: 0.1em;
    color: #bbb;
margin-top:1.5em;
}

h2 {
    font-size:36pt;
    word-spacing: 0.1em;
    color: #bbb;
margin:1.5em 0 0.5em 0;
clear:both;}

h2 a {color:#bbb; text-decoration:none;}

p {
    word-spacing:0.04em;
line-height: 2em;
margin-bottom:1.5em;
}

a {color:#778b90;}

img {
margin:0.5%;
/* border:1px solid red; */
max-height:90vh;
max-width:100%;
}

.float {
clear:both;
overflow:auto;
margin:2em;
    padding: 30px;
    background-color: #f0f0f0;
/* border:1px solid red; */
}

.float img {
float:left;
margin:0 40px 0 0;
position:relative;
}

.float p {text-align:justify;}

audio {
display:block;
padding-top:0.5em;
text-align:center;
}

table {
border-spacing:0;
margin:3.75em 0 2em 0;
text-align:center;
}

td {padding:0.5%;}

td img {margin:0;}

@media screen and (max-aspect-ratio: 1/1) {
td {
  display: inline;
clear:both;
}
td img {margin:0.5em 0;}
}