*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}html{color-scheme:dark light}body{min-height:100vh}img,picture,svg,video{display:block;max-width:100%}input,textarea,button,select{font:inherit}body{display:grid;grid-template-columns:minmax(13px,1fr) minmax(0,var(--content-width)) minmax(13px,1fr);grid-template-rows:max-content 1fr max-content;grid-template-areas:". header ." ". main ." ". aside ." ". footer .";margin:0;width:100%;min-height:100vh}header{grid-area:header}main{grid-area:main}aside{grid-area:aside}footer{grid-area:footer}@media (min-width: 48em){body[data-layout=layout-two-column]{-moz-column-gap:4rem;column-gap:4rem;grid-template-columns:minmax(13px,1fr) calc(var(--content-width) * .35) calc(var(--content-width) * .65) minmax(13px,1fr);grid-template-areas:". header header ." ". aside main ." ". footer footer ."}body[data-layout=layout-two-column] main{display:grid;grid-template-rows:max-content 1fr}body[data-layout=layout-two-column] main>h1,body[data-layout=layout-two-column] aside>h2{grid-row:1}body[data-layout=layout-two-column] main>div,body[data-layout=layout-two-column] aside>div{grid-row:2}}html{font-size:62.5%;font-family:var(--primary-font)}body{font-size:16px;font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:1.618;color:var(--primary-color);background-color:var(--background-color)}h1,h2,h3,h4,h5,h6{line-height:1.1;font-family:var(--heading-font);font-weight:var(--heading-font-weight);margin-top:3rem;margin-bottom:1.5rem;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-word}h1{font-size:var(--title-font-size)}h2{font-size:calc(var(--heading-font-size))}h3{font-size:calc(var(--heading-font-size) * 75%)}h4{font-size:calc(var(--heading-font-size) * 50%)}h5{font-size:calc(var(--heading-font-size) * 25%)}h6{font-size:1em}p{margin-top:1rem;margin-bottom:1rem}small,sub,sup{font-size:75%}hr{border:none;text-align:center;height:5px;color:var(--primary-color);background-color:var(--primary-color)}a{text-decoration:none;color:var(--link-default-color);border-bottom:2px solid var(--link-border-color)}a:visited{color:var(--link-visited-color);border-bottom:2px solid var(--link-border-color)}a:hover{color:var(--link-hover-color);border-bottom:2px solid var(--link-border-hover-color)}ul{padding-left:1.4em;margin-top:0;margin-bottom:2.5rem}li{margin-bottom:.4em}blockquote{margin-left:0;margin-right:0;padding:.5em .5em .5em 1em;border-left:5px solid var(--blockquote-border-color);margin-bottom:2.5rem;background-color:var(--blockquote-background-color)}blockquote p{margin-bottom:0}img,video{height:auto;max-width:60rem;width:100%;margin:1rem 0 2rem}article header img{max-width:80rem;margin:1rem 0 2rem}article img{margin-left:auto;margin-right:auto;max-width:60rem}pre{background-color:var(--code-background-color);display:block;padding:1em;overflow-x:auto;margin-top:0;margin-bottom:2.5rem;font-size:.9em}code,kbd,samp{font-size:.9em;padding:0 .5em;background-color:var(--code-background-color);white-space:pre-wrap}pre>code{padding:0;background-color:transparent;white-space:pre;font-size:1em}table{text-align:justify;width:100%;border-collapse:collapse;margin-bottom:2rem}td,th{padding:.5em;border-bottom:1px solid var(--table-border-color)}input,textarea{border:1px solid var(--input-border-color)}input:focus,textarea:focus{border:1px solid var(--input-focus-color)}textarea{width:100%}.button,button,input[type=submit],input[type=reset],input[type=button],input[type=file]::file-selector-button{display:inline-block;padding:5px 10px;text-align:center;text-decoration:none;white-space:nowrap;background-color:var(--input-background-color);color:var(--input-primary-color);border-radius:1px;border:1px solid var(--input-border-color);cursor:pointer;box-sizing:border-box}.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,input[type=file]::file-selector-button:hover{background-color:var(--input-background-hover-color);color:var(--input-primary-hover-color);outline:0}.button[disabled],button[disabled],input[type=submit][disabled],input[type=reset][disabled],input[type=button][disabled],input[type=file][disabled]{cursor:default;opacity:.5}.button:focus-visible,button:focus-visible,input[type=submit]:focus-visible,input[type=reset]:focus-visible,input[type=button]:focus-visible,input[type=file]:focus-visible{outline-style:solid;outline-width:2px}textarea,select,input{color:var(--color-grey);padding:6px 10px;margin-bottom:10px;background-color:var(--input-background-color);border:1px solid var(--input-border-color);border-radius:4px;box-shadow:none;box-sizing:border-box}textarea:focus,select:focus,input:focus{border:1px solid var(--input-focus-color);outline:0}input[type=checkbox]:focus{outline:1px dotted var(--input-focus-color)}label,legend,fieldset{display:block;margin-bottom:.5rem;font-weight:600}@font-face{font-family:"CPC 464";src:url(/build/assets/cpc464-DeryGt04.woff2) format("woff2"),url(/build/assets/cpc464-UquqrfBN.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--color-pink: #f38586;--color-white: #ffffff;--color-cream: #fdf6ec;--color-yellow: #FFFF00;--color-red: #b75149;--color-black: #12151e;--font-default: "CPC 464";--font-size-sm: 1.5rem;--font-size-md: 1.8rem;--font-size-lg: 2rem;--font-weight-light: 400;--font-weight-bold: 700;--primary-color: var(--color-white);--background-color: var(--color-pink);--border-color: var(--color-pink);--link-default-color: var(--color-white);--link-visited-color: var(--color-white);--link-hover-color: var(--color-red);--link-border-color: var(--color-pink);--link-border-hover-color: var(--color-yellow);--heading-highlight-color: var(--color-yellow);--blockquote-border-color: var(--color-white);--blockquote-background-color: var(--color-pink);--code-background-color: var(--color-pink);--table-border-color: var(--color-white);--input-border-color: var(--color-pink);--input-focus-color: var(--color-pink);--input-background-color: var(--color-pink);--input-primary-color: var(--color-white);--input-background-hover-color: var(--color-pink);--input-primary-hover-color: var(--color-pink);--primary-font: var(--font-default);--heading-font: var(--font-default);--body-font-size: var(--font-size-sm);--body-font-weight: var(--font-weight-light);--title-font-size: var(--font-size-lg);--heading-font-size: var(--font-size-md);--heading-font-weight: var(--font-weight-bold);--content-width: 64em}nav#main-nav>ul{display:grid;grid-template-columns:1fr;gap:.5rem 3rem;list-style-type:none;padding:0}nav#main-nav>ul>li>a{display:grid;grid-template-columns:1fr 1fr .5fr}textarea{border:1px solid rgb(203 213 225);border-radius:.5rem;padding:.5rem;width:100%;height:24rem}.container{position:relative}.container__textarea{background:transparent;caret-color:transparent;position:relative}.container__mirror{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;color:transparent}.container__cursor{animation:blink 1s infinite;background-color:var(--primary-color);position:absolute;width:18px}@keyframes blink{0%,to{background-color:transparent}50%{background-color:var(--primary-color)}}main h2,main h2>a{color:var(--heading-highlight-color)}main ul,aside ul{padding-left:0}ul{padding-left:0;list-style-type:none}article ul{margin-left:2rem;list-style-type:square}article header ul{margin-left:0;list-style-type:none}main ul li a,aside ul li a{padding:4px}main ul li a,main ul li a:visited,aside ul li a,aside ul li a:visited,article ul li a,article ul li a:visited{padding:4px}article a,article a:visited{color:var(--link-border-hover-color);text-decoration:underline}article ul li a,article ul li a:visited{color:var(--primary-color);border:2px solid var(--link-border-hover-color);text-decoration:none}a:focus{outline:none}a:visited:focus-visible,a:focus-visible,a:hover,a:visited:hover{color:var(--link-hover-color);background:var(--link-border-hover-color);border-bottom:2px solid var(--link-border-hover-color)}main div>ul>li>a{display:grid;grid-template-columns:1fr;grid-template-rows:max-content 1fr;gap:.5rem}#textarea::-webkit-search-cancel-button{opacity:0}@media (min-width: 48em){nav#main-nav>ul{grid-template-columns:1fr 1fr 1fr}aside>h2{opacity:0}article header ul{display:flex;flex-direction:row;gap:.75rem;margin-left:0}main div>ul>li>a{grid-template-columns:max-content 1fr;grid-template-rows:1fr;gap:2rem}main>nav{display:flex;justify-content:space-between}}body>a:first-of-type{position:absolute;transform:translateY(-150%);transition:transform .3s}body>a:focus{transform:translateY(0)}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}