@import '../fonts/namskin-all.css';
*{font-weight:400;margin:0;padding:0}html,body{height:100vh;width:100vw}body{background:#f5f5dc;overflow:hidden;position:relative;}body > section{visibility:hidden}.init > section{visibility:visible}.slide,.canvas{bottom:0;left:0;position:absolute;right:0;top:0}.slide{--c:#f5f5dc;color:#324;display:flex;}.slide .door{content:' ';display:block;position:absolute}.slide.alt{--c:#324;color:#f5f5dc}.top-bottom .door,.top-bottom.show{background:var(--c)}.top-bottom .door{left:0;right:0;height:50vh;}.top-bottom .door.top{top:-50vh;transform:translateY(calc(var(--t) * 50vh))}.top-bottom .door.bottom{bottom:-50vh;transform:translateY(calc(var(--t) * -50vh))}.left-right .door,.left-right.show{background:var(--c)}.left-right .door{background-size:100vh 50vw;bottom:0;top:0;width:50vw;}.left-right .door.top{left:-50vw;transform:translateX(calc(var(--t) * 50vw))}.left-right .door.bottom{right:-50vw;transform:translateX(calc(var(--t) * -50vw))}.topleft-bottomright.show{background:var(--c)}.topleft-bottomright .door{height:0;width:0;border-style:solid;border-width:50vh 50vw;}.topleft-bottomright .door.top{border-color:var(--c) transparent transparent var(--c);left:-50vw;top:-50vh;transform:translate(calc(var(--t) * 50vw),calc(var(--t) * 50vh))}.topleft-bottomright .door.bottom{border-color:transparent var(--c) var(--c) transparent;bottom:-50vh;right:-50vw;transform:translate(calc(var(--t) * -50vw),calc(var(--t) * -50vh))}.topright-bottomleft.show{background:var(--c)}.topright-bottomleft .door{height:0;width:0;border-style:solid;border-width:50vh 50vw;}.topright-bottomleft .door.top{border-color:var(--c) var(--c) transparent transparent;right:-50vw;top:-50vh;transform:translate(calc(var(--t) * -50vw),calc(var(--t) * 50vh))}.topright-bottomleft .door.bottom{border-color:transparent transparent var(--c) var(--c);bottom:-50vh;left:-50vw;transform:translate(calc(var(--t) * 50vw),calc(var(--t) * -50vh))}.slide main{margin:auto;max-width:40em;padding:2rem;position:relative;opacity:0;transform:scale(1.025);font-family:"Roboto mono",monospace;font-size:24px;font-weight:700}.slide.alt main{font-family:"Roboto mono",monospace}.show main{opacity:1;transform:scale(1);transition:opacity .25s .0625s ease-out,transform .125s .0625s ease-in}.out main{opacity:0;transform:scale(.75);transition:opacity .25s .125s ease-out,transform .75s .125s ease-in}ul,li{list-style:none}li{font-size:16px;padding-left:2rem}* + p,* + ul,* + li{margin-top:1em}