html *{font-family:Montserrat,sans-serif;font-size:1rem;color:#6d6e71;font-weight:500}body{overflow-x:auto;overflow-y:auto;margin:0}button,a.button{position:relative;background-color:#c10e21;border:2px solid #c10e21;color:#fff;padding:.5rem 1rem;text-align:center;text-decoration:none;display:inline-block;font-size:1rem;font-weight:500;border-radius:10em;line-height:1.5;cursor:pointer}button:hover,a.button:hover{background-color:#9d0b1b}button.primary,a.button.primary{background-color:#c10e21;color:#fff}button.secondary,a.button.secondary{background-color:#fff;color:#c10e21}button.tertiary,a.button.tertiary{background:none;border:none;color:#c10e21}button.full-width,a.button.full-width{width:100%}a.button.tertiary:hover{text-decoration:underline}.button-container{display:flex;width:100%;justify-content:center;z-index:20;margin-bottom:16px}.summary{text-align:center}h1{font-size:2.4rem;font-family:inherit;font-weight:500;line-height:1.2;color:#222328}h1 span{font-size:inherit;color:inherit}.text-center{text-align:center}.tooltip{display:block;padding:5px;top:-32px;left:67px;background-color:#000;color:#fff;border-radius:5px;opacity:0;position:absolute;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;font-size:14px}.tt .tt-text{visibility:hidden;font-size:14px;opacity:0;width:120px;background-color:#000;color:#fff;text-align:center;padding:5px 0;border-radius:5px;position:absolute;z-index:1;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-ms-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s;left:calc(50% - 60px)}.tt:hover .tt-text{visibility:visible;opacity:.8}#aha-fast-game-container{position:relative;z-index:100}#landscape-warning,.landscape-warning{display:none;position:fixed;inset:0;background:#fff;align-items:center;justify-content:center;flex-direction:column;z-index:5000}#landscape-warning img,.landscape-warning img{width:150px}#landscape-warning h2,.landscape-warning h2{color:#000}.header{display:flex;margin:auto;max-width:1920px;padding:25px 15px;width:100%}.logo img{height:90px}.back-hander-container{padding-top:25px;padding-bottom:25px;display:flex;align-items:center;justify-content:center}.back-hander-container button{width:250px}body{overflow:auto;overflow-y:auto;margin:0;display:flex;align-items:center;flex-direction:column}body .header{margin:0 auto;padding:25px 15px}#visualizer{margin-top:20px;margin-bottom:16px;width:100%;height:140px;background:#000}.container{display:flex;justify-content:center;height:100%}#faceFilterCanvas{z-index:10;position:absolute;max-height:100%;max-width:100%;transform:rotateY(180deg)}#threeCanvas{z-index:11;position:absolute;max-height:100%;max-width:100%;transform:rotateY(180deg)}@media(max-width:787px){#faceFilterCanvas{height:100%}}#start{display:block}#stop{display:none}#stop img{height:30px;width:30px}#canvas{position:fixed;left:0;top:0;width:100%;height:100%}audio{width:100px;height:20px}button,.button{margin-bottom:16px;width:250px;display:block}#playback-container,#playing,#stopPlay{display:none}#playback-container{background:url(/assets/waveform.png);background-size:contain;width:100%;flex-direction:column;align-items:center}#playback-container span{margin-bottom:16px;color:#000}#recording-container{display:flex;align-items:center;flex-direction:column;width:100%}#recording-container h2{font-size:16px;line-height:24px;color:#000;margin-bottom:0}#recording-container h2.bold{font-weight:700}.capture{height:110px;width:110px;border-radius:110px;margin:0;padding:0}.capture span{color:#fff;display:block;font-size:12px;text-align:center}.stop{height:110px;width:110px;border-radius:110px;margin:0;background:#000;border-color:#000}.stop:hover{background:#333;border-color:#333}.capture-wrapper{border:4px solid #ce2e54;border-radius:110px;padding:6px}.capture-container{background:url(/assets/waveform.png);background-size:contain;width:100%;display:flex;justify-content:center}#prompt{text-align:center}.help-text{margin:36px auto 20px;position:relative;font-size:14px;text-align:center;max-width:400px}.help-text p{margin:0}.help-text p+p{margin-top:.5em}.voice-container{max-width:1920px}
