@import"https://fonts.cdnfonts.com/css/gotham";@import"https://fonts.cdnfonts.com/css/myriad-pro";.GithubCorner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@media(max-width: 500px){.GithubCorner:hover .octo-arm{animation:none}.GithubCorner .octo-arm{animation:octocat-wave 560ms ease-in-out}}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}:root{--main-font: "Gotham", sans-serif;--titles-font: "myriad-pro", sans-serif;--main-color: #892c3b;--shadow-color: #6a202c;--secondary-color: #772432;--main-contrast: white}*{box-sizing:border-box}body{font-family:var(--main-font);margin:0;padding:0;padding-bottom:50px}h1{margin-top:0;font-family:var(--titles-font);padding-top:3rem;padding-bottom:3rem;border-bottom:1px solid #ccc;box-shadow:0 0 3px 2px rgba(153,153,153,.8666666667);color:#fff;margin-bottom:3rem;text-align:center;background:linear-gradient(to bottom, var(--main-color) 0%, var(--shadow-color) 100%);font-variant:small-caps;font-weight:200}h1 a{color:#fff;text-decoration:none}h1 a:hover{text-decoration:underline}h1 small{font-variant:normal;font-style:oblique;opacity:.5}h2,h3{color:var(--main-color)}section{max-width:800px;margin:0 auto}.hidden{display:none}.hidden-word{background-color:var(--main-color);color:var(--main-color);border-radius:4px;padding:0;font-family:var(--main-font);font-weight:600;cursor:pointer}.hidden-word.revealed{background-color:rgba(0,0,0,0)}@media screen and (max-width: 767px){body{padding-bottom:0}h1{padding:1rem;margin-bottom:1rem;font-size:24px}h2{padding:0 1rem;font-size:20px}p{padding:0 1rem}ol{padding:0 1rem 0 2.5rem}h3{padding:0 1rem;font-size:18px}}button{background-color:var(--secondary-color);border:none;color:var(--main-contrast);padding:8px 16px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:4px;transition:background-color .3s;font-weight:500}button:hover{background-color:var(--shadow-color)}nav{margin-top:5rem;padding-top:0;border-top:4px solid var(--main-color);display:flex;justify-content:end;padding:0 1rem;height:0;box-shadow:0 0 3px 1px rgba(153,153,153,.8666666667);column-gap:1rem}nav button{height:35px;position:relative;margin:0;top:-18.5px;box-shadow:0 0 1px 2px var(--shadow-color)}nav button:hover{box-shadow:0 0 1px 2px var(--main-color)}ol{display:flex;flex-direction:column;row-gap:1rem}ol li{margin-bottom:1rem}ol li::marker{color:var(--main-color);font-size:150%;font-family:var(--titles-font);font-weight:700}div.textarea-wrapper{position:relative;background:#eee;box-shadow:1px 1px 7px 1px rgba(153,153,153,.8666666667)}div.textarea-wrapper div.textarea-background{position:absolute;top:16px;left:0;right:0;bottom:0;background-image:linear-gradient(0deg, rgba(137, 44, 59, 0.2) 0%, rgba(137, 44, 59, 0.2) 5%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 100%),linear-gradient(90deg, rgba(55, 44, 137, 0.2) 0%, rgba(55, 44, 137, 0.2) 2px, transparent 2px, transparent 100%);background-size:100% 1.5rem,2px 100%;background-repeat:repeat-y,no-repeat;background-position:0 0,20px 0;pointer-events:none}div.textarea-wrapper textarea{position:absolute;padding:1rem 2rem;width:100%;height:100%;resize:none;border:none;background:none;line-height:1.5rem;font-size:1.2rem;font-family:serif}div.textarea-wrapper textarea:focus{outline:none}div.textarea-wrapper textarea+.textarea-background+.textarea-show{pointer-events:none}div.textarea-wrapper textarea:focus+div.textarea-background{background-image:linear-gradient(0deg, rgba(137, 44, 59, 0.3333333333) 0%, rgba(137, 44, 59, 0.3333333333) 5%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 100%),linear-gradient(90deg, rgba(55, 44, 137, 0.6) 0%, rgba(55, 44, 137, 0.6) 2px, transparent 2px, transparent 100%)}div.textarea-wrapper .textarea-show{opacity:0;padding:1rem 2rem 5rem;line-height:1.5rem;font-size:1.2rem;font-family:serif;white-space:pre-wrap}div.textarea-wrapper .textarea-show.game{opacity:1;padding:0 2rem 5rem}div.textarea-wrapper .textarea-show.sample{opacity:.3;padding:1rem 2rem 0}