*{margin:0;padding:0}html{font-size:62.5%}body,html{height:100%}body{font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:1.5em;color:#222;line-height:1.7;letter-spacing:.03rem;display:flex;min-height:100%}a{color:#111}a:hover{color:#333;text-decoration:none}small,strong{margin:0 .2rem}canvas{cursor:move;display:block}#overlay,canvas{flex:1;width:100vw}#overlay{position:absolute;top:0;left:0;height:100%;z-index:1;background-color:hsla(0,0%,100%,.6666);transition:background-color 5s;display:flex;flex-flow:column;align-items:center;justify-content:center}.playing #overlay{background-color:transparent}#introduction{flex:1;display:flex;flex-flow:column;align-items:center;justify-content:center;opacity:1;transition:opacity 1s}.playing #introduction{opacity:0}footer{font-size:1.1rem;text-align:center;width:100%;flex:5.4rem 0}.instructions{font-size:1.8rem;font-weight:700;margin-bottom:3.2rem;display:flex;flex-flow:row;align-items:center;justify-content:center}.instructions>img{margin:0 3.2rem;width:6.4rem;height:6.4rem}#loading{position:relative;width:9.6rem;height:9.6rem}button{border:none;outline:none;background:none}#loading img{width:9.6rem;height:9.6rem}#loading div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;mix-blend-mode:multiply;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:alternate;transition:all .5s}#loading .circle{border-radius:50%;width:72px;height:72px}#loading.loaded:hover{cursor:pointer}#loading .triangle{background:none!important;margin-left:6px;box-sizing:border-box;border-style:solid;border-width:0}.playing #loading.loaded .triangle{border-width:0}#loading.loaded .triangle{border-width:36px 0 36px 36px}#loading.loaded .circle{width:0;height:0}#loading .magenta{background-color:#ff2f92;border-color:transparent transparent transparent #ff2f92;animation-name:a}#loading .cyan{background-color:#0096ff;border-color:transparent transparent transparent #0096ff;animation-name:b}#loading .yellow{background-color:#ffd479;border-color:transparent transparent transparent #ffd479;animation-name:c}@keyframes a{0%{transform:translate(-52.5%,-45.67%)}to{transform:translate(-47.5%,-54.33%)}}@keyframes b{0%{transform:translate(-47.5%,-45.67%)}to{transform:translate(-52.5%,-54.33%)}}@keyframes c{0%{transform:translate(-50%,-52.5%)}to{transform:translate(-50%,-47.5%)}}.if-no-touchevents,.if-touchevents{display:none}.no-touchevents .if-no-touchevents,.touchevents .if-touchevents{display:inherit}