@media{:root{--background-color:#fffcf9;--text-color:#333;--link-color:#00ab8e;--hover-color:#d41876}}@media (prefers-color-scheme:dark){:root{--background-color:#121212;--text-color:#fffcf9;--link-color:#73fdea;--hover-color:#ff95ca}}@font-face{font-family:recursive;font-weight:300 900;src:url(fonts/recursive.woff2) format("woff2")}*,:after,:before{border:0;box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;font-family:recursive;font-size:18px;font-weight:400;line-height:1.7;min-height:100vh;width:100vw}body,main{flex-grow:1}main{--max-width:calc(min(100vw, 600px));--margin:20px;margin:auto;max-width:calc(var(--max-width) - var(--margin)*2)}footer{border-top:1px dashed var(--text-color);height:6em;line-height:4em;text-align:center}h1{font-size:48px;font-weight:900;line-height:.9;margin-bottom:.5em}p{margin-bottom:1em}a{color:var(--link-color);text-decoration:none}a:active,a:hover{color:var(--hover-color)}.videowrapper{height:0;max-width:none;padding-bottom:56.25%;position:relative}.videowrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.videowrapper2{margin:0 auto;max-width:1280px}