@font-face {
  font-display: swap;
  font-family: 'Play';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/play-v20-latin_latin-ext-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-code-pro-v30-latin_latin-ext-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Source Code Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-code-pro-v30-latin_latin-ext-italic.woff2') format('woff2');
}

:root {
    --table-4n1child: #131418;
    --table-4n3child: #262836;
    --table-th: #000000;
}

html {
    font-size: 18px;
    background-color: #131418;
    color: rgb(234, 234, 234)
}

body {
    font-family: Play,monospace;
    text-rendering: optimizeLegibility;
    line-height: 1.75
}

main {
    display: flex;
    max-width: 47rem;
    margin: -5rem auto 0;
    padding: 2.4rem 2rem;
    flex-direction: column
}

a {
    color: rgb(255, 89, 125);
    text-decoration: none
}

section {
    flex-grow: 999;
    display: flex;
    flex-direction: column;
    margin-top: 5.5rem
}

h1 {
    margin-block: 0.67em;
    font-size: 2em
}

code, pre {
    margin: 0 -27px;
    border-width: 1px
}

code {
    font-family: Source Code Pro,monospace;
    margin: unset;
    padding: 0.1rem;
    color: #6cb4a0
}

pre {
    border-width: 3px;
    padding: 0.8rem;
    white-space: pre-wrap;
    border-style: none none none solid;
    border-color: rgb(89, 183, 255);
    color: unset
}

blockquote {
    font-style: italic;
    border-left: 5px solid #393e46;
    padding-left: 1rem
}

table {
    border-collapse: collapse
}

tr {
    border: 1px solid #131418;
}