*,
*::before,
*::after {
    box-sizing: border-box;
    min-width: 0;
    min-height: 0;
    position: relative;
}

:target {
  scroll-margin-block: 5ex;
}

/*
* {
    margin: 0;
}
*/

html,
body {
    margin: 0;
    padding: 0;
    word-wrap: break-word;
}

html {
    font-size: 100%;
    -webkit-tap-highlight-color: transparent;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    /* line-height: 1.15; */
    /* height: 100%; */
}

@-ms-viewport {
    width: device-width;
}

body {
    background: #eee;
    font-size: 1rem;
    position: relative;
    min-height: 100vh;
    /* font-family: Roboto, Verdana, Helvetica, Arial, sans-serif; */
    font-family: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    color: #222222;
    line-height: 1.15;
    -webkit-font-smoothing: antialiased;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

a {
    cursor: pointer;
    color: #2196F3;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    color: #4f6681;
    text-decoration: underline;
}


img, picture, video, canvas, svg {
    inline-block;
    max-width: 100%;
}

img {
    border: none;
    height: auto;
}

video {
    max-height: 60vh;
    height: auto;
}

pre {
    white-space: pre-wrap;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}
pre,
code {
    /* font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; */
    font-family: monospace, monospace;
    font-size: 1rem;
}

/*
 * Remove the tapping delay on clickable elements in all browsers .
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
    touch-action: manipulation;
}

p {
    text-wrap: pretty;
}

h1 {
    font-size: 2rem;
    margin: 0.8rem 0;
}
h2 {
    font-size: 1.7rem;
    margin: 0.7rem 0;
}
h3 {
    font-size: 1.4rem;
    margin: 0.6rem 0;
}
h4 {
    font-size: 1.1rem;
    margin: 0.40rem 0;
}
h5, h6 {
    font-size: 1rem;
    margin: 0.30rem 0;
}
h1, h2, h3, h4, h5, h6 {
    /* font-family: 'Trebuchet MS', Roboto, Arial, sans-serif; */
    clear: both;
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    text-wrap: balance;
}

b, strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

q,
blockquote {
    font-style: italic;
}


.btn,
input[type="submit"],
input[type="button"],
input[type="reset"],
button {
    cursor: pointer;
    font-family: inherit;
    /* font-size: inherit; */
    /* font-weight: 300; */
    /* border-radius: 0; */
}

[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
}