main{margin-top:5.1875rem;padding:clamp(3rem,3rem + (100vw - 800px)*.04,4rem) 0}main header{margin:clamp(1.875rem,1.875rem + (100vw - 800px)*.025,2.5rem) 0}main header span{display:flex;gap:8px;align-items:center}main header span .picture{border-radius:50%;width:2rem;height:2rem}main .navigation{display:flex;flex-wrap:wrap;justify-content:space-between}main .navigation .next{margin-left:auto}main .mainWrapper{max-width:50rem}main .mainWrapper,main section{display:flex;flex-direction:column}main ul+ul,main ul+ol,main ul+p,main ol+ul,main ol+ol,main ol+p{margin-top:1rem}main ul{padding-left:0.625rem}main ul li{list-style:"- ";padding-left:0.375rem}main ol{padding-left:1.25rem}main ol li{list-style:decimal}main li{margin-top:.5rem}main img,main [role=img],main *:not([role=img])>video,main figure{align-self:center;max-width:100%;object-fit:contain;margin:32px 0}main [role=img] video{max-width:100%}main figure>img{margin:0}main figcaption{text-align:center}main .styleH3{margin:clamp(1.875rem,1.875rem + (100vw - 800px)*.025,2.5rem) 0 16px 0}main .styleH4{margin:24px 0 8px 0}main .githubCode{width:100%}main .githubCode .gist .gist-file{margin:0}main code{background-color:#eee;padding:0 4px;border-radius:4px}main pre{background-color:#eee;padding:16px;border-radius:4px;white-space:pre-wrap}main pre code{all:unset}main blockquote{margin:32px 0;display:grid;row-gap:16px;width:100%}main blockquote footer{border:none;text-align:end}main blockquote div{display:grid;row-gap:4px;background-color:rgb(var(--neutral_100));border-radius:8px;padding:8px 16px}main blockquote div p{text-align:center}main blockquote div::before,main blockquote div::after{--size: clamp(20px, 5vw, 40px);content:"";display:block;width:var(--size);height:var(--size);background:url(../../src/assets/imgs/illustrations/quote.svg) center/contain no-repeat;filter:url(#primary)}main blockquote div::after{transform:rotate(180deg);justify-self:flex-end}main table:not(.githubCode table){width:100%;border-collapse:collapse;background-color:rgb(var(--neutral_0));border:1px solid rgb(var(--neutral_300));margin:16px 0}main table:not(.githubCode table) thead{background-color:rgb(var(--primary));color:rgb(var(--neutral_0))}main table:not(.githubCode table) thead th{padding:16px;text-align:center;font-weight:bold;border:1px solid rgb(var(--neutral_300))}main table:not(.githubCode table) tbody tr:nth-child(odd){background-color:rgb(var(--neutral_100))}main table:not(.githubCode table) tbody tr:nth-child(even){background-color:rgb(var(--neutral_200))}main table:not(.githubCode table) tbody tr:hover{background-color:rgba(var(--primary), 0.2)}main table:not(.githubCode table) tbody tr td{padding:8px;border:1px solid rgb(var(--neutral_300));vertical-align:top}main a{color:rgba(var(--primary))}