@import url("choose_media.css");
@import url("interactive.css");
@import url("table.css");
@import url("flex.css");

:root{
    font-family: "Arial", "sans-serif";
    font-size: 1em;
}
#skiptocontent:not(:has(:focus)) *{
    position: absolute;
    left:-999999999px;
    height: 1px;
    width: 1px;
}
code {
    white-space: pre;
    display: block;
    padding: 1em;
    overflow-x: scroll;
    position: relative;
}
:has(code){
    overflow-x: hidden;
}
ul.hidden-markers {
    list-style-type: none;
}
ul:has(li>ul){
    padding-left: 0;
}
h1, h2, h3 {
    font-variant: small-caps;
}
h3{
    display: inline;
}
main{
    margin: 0em 1em
}
aside{
    float: right;
}
.centered{
    margin: auto;
    width: 50%;
}
article, footer, section{
    border-width: 3px 0px 0px 0px;
    border-color: var(--separator-lines);
    border-style: solid;
    margin: 4em 0px 2em 0px;
    padding: 5px;
}
footer{
    text-align: center;
}
fieldset, a>img, code{
    border: 3px solid var(--separator-lines);
    border-radius: 5px;
}
img{
    max-width: 100%;
}