@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;800&display=swap";
:root{
    --parchment: #B0B0BF;
    --faint: #787891;
    --greyish: #2e2e38;
    --blackish: #1c1c22;
    --sakura: #FCC5D3;
    --warm-pink: #f99fb4;
    --warmer-pink: #f55178;
    --hot-pink: #f32b5a;
    --sky: #67aaf9;
    --emerald: #62c370;
    --banana: #F5DD90;
    --tangerine: #EC7D10;
    --plain: #f6f4f3
}
body{
    background-color:var(--blackish);
    color:var(--plain);
    display:flex;
    flex-direction:column;
    font-family: jetbrains mono,monospace;
    font-weight:400;
    margin:0 auto;
    font-size:2.65rem;
    width:87.5%
}
html,body{
    text-size-adjust:none;
    -webkit-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -ms-text-size-adjust:none
}
@media screen and (max-width:1000px){
    body{font-size:2.65rem;width:87.5%}
}
@media screen and (min-width:1000px){
    body{width:900px}
}
@media screen and (min-width:1700px){
    body{width:1500px}
}
h1,h2,h3,h4,h5,h6{
    color:var(--hot-pink);
    font-weight:700;
    margin:1.5rem 0
}
a{
    color:var(--plain);
    text-decoration-color:var(--warm-pink)
}
a:hover{
    text-decoration-color:var(--warmer-pink)
}
code{background-color:var(--greyish);
    border-radius:.25rem;
    color:var(--sakura);
    font-family:jetbrains mono,monospace;font-weight:400;padding:.1rem
}
pre{
    border-radius:.5rem;
    background-color:var(--greyish);
    padding:.5rem;
    white-space:pre-wrap;
    overflow-wrap:break-word
}
pre code{
    border-radius:0;
    color:var(--plain);
    padding:0;
    max-width:100%
}
hr{
    border:1px solid var(--faint);
    width:100%
}
blockquote{
    background-color:var(--greyish);
    border-left:.5rem solid var(--hot-pink);
    border-radius:.25rem;
    padding:.5rem 1rem;
    margin:auto 0
}
blockquote p{
    margin:.25rem 0
}
table{
    border-spacing:0;
    border-collapse:collapse
}
thead{
    color:var(--hot-pink)
}
td,th{
    border:1px solid var(--parchment);
    padding:.5rem
}
li::marker{
    color:var(--hot-pink)
}
img{
    border-radius:.25rem;
    max-width:100%;
    width:100%
}
.image-row img{
    margin:.5rem
}
.image-row img:first-of-type{
    margin-left:0
}
.image-row img:last-of-type{
    margin-right:0
}
.image-row{
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    min-width:none
}