.image{border-radius:20px;width:100%;height:100%;position:absolute}.full{transition:opacity .4s}.thumb{filter:blur(2px);transition:visibility 0s .4s;transform:scale(.98)}.blog__button-container{text-align:center}.blog__table-of-contents{margin:auto}td:not(:first-child){padding-left:2rem}.blog__neon-button{--clrNeon:#a914a4;--clrBg:#1a1a1a;cursor:pointer;max-width:200px;color:var(--clrNeon);border:var(--clrNeon) .125em solid;text-shadow:0 0 .1em;box-shadow:0 0 .5em 0 var(--clrNeon), inset 0 0 .5em 0 var(--clrNeon);z-index:3;border-radius:.25em;padding:.25em 1em;font-size:1rem;text-decoration:none;display:inline-block;position:relative}.blog__neon-button:visited{color:var(--clrNeon)}.blog__neon-button:before{--clrNeon:#a914a4;--clrBg:#1a1a1a;pointer-events:none;content:"";background:var(--clrNeon);filter:blur(1em);opacity:.7;width:100%;height:100%;transition:opacity .1s linear;position:absolute;top:100%;left:0;transform:perspective(1em)rotateX(40deg)scaleY(.45)}.blog__neon-button:after{--clrNeon:#a914a4;--clrBg:#1a1a1a;content:"";box-shadow:0 0 2em .5em var(--clrNeon);opacity:0;z-index:1;transition:opacity .1s linear;position:absolute;inset:0}.blog__neon-button:hover,.blog__neon-button:focus{--clrNeon:#a914a4;--clrBg:#1a1a1a;background:var(--clrNeon);color:var(--clrBg);text-shadow:0 0 .1em;text-decoration:none}.blog__neon-button:hover:after,.blog__neon-button:focus:after,.blog__neon-button:hover:before,.blog__neon-button:focus:before{opacity:1}.home__profile-pic{float:left;margin-right:14px}.home__monkey-pic{float:right;margin-left:14px}@media only screen and (width<=500px){.home__profile-pic{float:none;margin:0 auto 10px}}.journal{background:#d3d3d3;width:595px;height:800px;margin:auto;position:relative}.journal__day{--day-size:75;width:calc(var(--day-size) * 1px);height:calc(var(--day-size) * 1px);background:#fff;border:1pt solid #000;justify-content:center;align-items:center;margin:5px;display:flex;position:absolute}.day__day-number{font-size:8px}.s{background:#0ff}.day__day-number>p{margin:0}.mh5:after,.mh4:after,.mh3:after,.mh2:after{content:"";background:#0ff;width:4px;position:absolute;bottom:0;right:0}.mh5:after{height:calc(var(--day-size) * 1px - 1)}.mh4:after{height:calc(var(--day-size) * .8px)}.mh3:after{height:calc(var(--day-size) * .6px)}.mh2:after{height:calc(var(--day-size) * .4px)}.smiley{font-size:30px}@font-face{font-family:sitelen-pona;src:url(nasin-nanpa-4.0.2-UCSUR.792eb59e.otf)format("opentype")}.tp__glyph{font-family:sitelen-pona,gothic,serif;line-height:1.1}.tp__glyph--prompt{margin:10px 0 0;font-size:96px}.tp__glyph--banner{color:var(--main-accent-color);margin:6px 0 10px;font-size:56px}.tp__glyph--rule{color:var(--main-accent-color);margin:0 0 4px;font-size:44px}.tp__glyph--inline{vertical-align:middle;margin-left:12px;font-size:30px}.tp__glyph--card{margin-bottom:6px;font-size:40px;display:block}.tp__cards{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:14px 0;display:grid}.tp__card{border:1px solid var(--light-grey);text-align:center;border-radius:6px;padding:12px 10px}.tp__word{font-weight:700;display:block}.tp__gloss{color:#666;font-size:13px;display:block}.tp__rule{border-left:4px solid var(--main-accent-color);background-color:var(--very-light-grey);max-width:34em;margin:12px 0;padding:12px 16px}.tp__prompt{font-size:34px}.level-nav{justify-content:space-between;align-items:baseline;gap:16px;margin:4px 0 8px;display:flex}.level-nav__title{text-align:center;flex:auto}.level-nav__arrow{white-space:nowrap;flex:none;padding:4px 10px;font-size:26px;line-height:1}.learn__back{text-align:center;margin:0 0 10px;font-size:14px}.learn__levels{margin:16px 0}.learn__level{margin-bottom:18px}.learn__level-title{letter-spacing:.5px;font-size:20px}.learn__level-title--soon{color:#8c8c8c}.learn__level-blurb{margin:2px 0 0}.learn__level-stats,.learn__meta,.drill__meta{color:#666;margin:2px 0 0;font-size:14px}.lesson{max-width:34em;margin-top:14px}.lesson p{line-height:1.5}.lesson__example{padding:10px 0;font-size:20px}.lesson__dim{color:#666}.lesson__table{border-collapse:collapse;margin:16px 0}.lesson__table th,.lesson__table td{text-align:left;padding:3px 22px 3px 0}.lesson__table th{text-transform:uppercase;letter-spacing:.5px;color:#666;border-bottom:1px solid var(--light-grey);font-size:13px;font-weight:400}.lesson__table td.lesson__dim{font-size:14px}.drill__prompt{letter-spacing:1px;margin:18px 0 0;font-size:44px;line-height:1.15}.drill__sub{color:#666;margin:4px 0 20px}.drill__label{color:#666;margin-bottom:4px;font-size:14px;display:block}.drill__input{border:2px solid var(--light-grey);border-radius:4px;width:100%;max-width:340px;padding:10px 12px;font-family:inherit;font-size:24px}.drill__input:focus{border-color:var(--main-accent-color);outline:none}.drill__verdict{border-left:4px solid var(--light-grey);background-color:var(--very-light-grey);margin:18px 0;padding:12px 14px}.drill__verdict.is-right{border-left-color:#389457}.drill__verdict.is-wrong{border-left-color:var(--main-accent-color)}.drill__verdict-line{margin-top:0;font-weight:700}.drill__explain{color:#4d4d4d;font-size:14px}.drill__actions{align-items:center;gap:16px;margin:20px 0 0;display:flex}.drill__button{color:#fff;background-color:var(--main-accent-color);cursor:pointer;border:none;border-radius:4px;padding:10px 22px;font-family:inherit;font-size:18px}.drill__button:hover{background-color:var(--secondary-accent-color);text-decoration:none}.drill__link-button{color:#737373;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:16px;text-decoration:underline}.drill__weak{margin:8px 0 0}@media only screen and (width<=500px){.drill__prompt{font-size:34px}}svg{fill:#fff;stroke:#000;stroke-width:.2px;stroke-linecap:round;background:#dedede}.marks{stroke-width:.2px}.label{stroke:#00f;fill:#00f;font:2px serif}.time{font:3px serif}.programming__title{text-align:center;margin:auto}.project-content{text-align:center;margin:20px auto auto}.project-content__ray-tracer{margin-left:-50px}.project-content__oversize canvas{width:calc(1px * var(--main-content-width))}.project-content__dark-background canvas{background:#333}.main-header{z-index:2;border-bottom:1px solid var(--light-grey);background:#fff;justify-content:center;align-items:center;min-width:250px;height:60px;margin:0;padding:6px;display:flex;position:sticky;top:0}.main-header__nav{text-transform:uppercase;justify-content:space-around;width:100%;margin:0 auto;display:flex}.nav__item{color:#000;text-transform:uppercase;border-bottom:2px solid #fff;justify-content:center;align-items:center;font-size:1rem;display:flex}.nav__item:hover{cursor:pointer;text-decoration:none}.nav__item:visited{color:#000}.nav__item--selected{border-bottom:2px solid var(--main-accent-color);border-radius:2px;transition:all .5s}.nav__label{display:inline}.nav__icon{height:28px;margin:3px;display:none}@media screen and (width<=500px){.main-header{height:auto}.nav__item{margin:.3rem 0}.nav__label{display:none}.nav__icon{display:inline}}.main-footer{text-align:center;background:var(--very-light-grey);justify-content:center;align-items:center;width:100%;height:60px;font-size:12px;display:flex;position:fixed;bottom:0}.main-footer__content{margin:0;padding:15px}.main-footer__content:hover{cursor:default}.main-footer__logo{height:18px;margin:1px 5px}:root{--main-accent-color:#a914a4;--secondary-accent-color:#843982;--light-grey:#ededed;--very-light-grey:#f5f5f5;--main-content-width:600}@font-face{font-family:arkhip;src:url(arkhip.950b0080.otf)format("opentype")}@font-face{font-family:gothic;src:url(gothic.8441fee0.ttf)format("truetype")}*{box-sizing:border-box}body{color:#000;margin:0;padding-bottom:60px;font-family:gothic,serif}h1{color:#000;letter-spacing:.5px;text-transform:uppercase;margin:0;font-family:arkhip,sans-serif;font-size:40px}h2{color:#000;letter-spacing:.5px;text-transform:uppercase;margin:20px 0 8px;font-size:22px}p{margin:10px 0}ul{margin:4px 0;padding-left:0;list-style:none}a{color:var(--main-accent-color);text-decoration:none}a:visited{color:var(--secondary-accent-color)}a:hover{text-decoration:underline}code,code *{background-color:var(--light-grey);margin:0}main{max-width:60%;min-width:calc(var(--main-content-width) * 1px);margin:30px auto}@media only screen and (width<=500px){h1,h2{text-align:center}main{min-width:300px;margin:30px auto}}
/*# sourceMappingURL=app.ce2f8968.css.map */