html, body {
width:100%;
height:max-content;
padding:0;
margin:0;
color:black;
cursor:default;
}
body {
display:flex;
flex-direction:column;
align-items:center;
gap:3ch;
font-family:sans-serif;
margin-bottom:10vh;
}
h1, h2, h3 {
text-align:center;
max-width:90%;
}
h1+h2, h2+h3 {
margin-top:0;
}
pre {
background-color:black;
color:white;
outline:0.3ch solid silver;
padding:1ch;
cursor:initial;
}
.links {
display:flex;
flex-direction:column;
}
.text_row {
text-align:justify;
}
pre, .tool_row, .text_row {
width:105ch;
max-width:90%;
}
pre {
overflow:auto;
}
div.free_width {
max-width:100%;
}
.free_width pre, pre.free_width {
width:auto;
max-width:100%;
}
.highlight_yellow {
color:yellow;
}
.warnbox {
outline:0.2ch dashed red;
background:gold;
padding:0.5ch;
}
.img_embed {
max-height:40ch;
max-width:100vw;
transition:max-height linear 0.3s;
cursor:pointer;
}
.img_max {
max-height:100vh;
}
#cc {
position:fixed;
bottom:0;
width:100%;
text-align:center;
background:white;
}