*{margin:0;padding:0}html,body{height:100vh;width:100vw;overflow:hidden;background-color:#fff}body{display:flex;justify-content:center;align-items:center}.webgl{position:fixed;top:0;left:0;outline:none;opacity:1;z-index:2}#audio{display:block;position:absolute;margin:20px;padding:5px 10px;font-size:12px;z-index:2}.startScreen{position:absolute;top:0;left:0;height:100%;width:100%;text-align:center;font-size:24px;z-index:4;background-color:#2f4f4f;display:flex;flex-direction:column;justify-content:center;align-items:center}.startScreen #startButton{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;padding:16px 24px;font-size:24px;cursor:pointer;border:2px solid white;border-radius:9px;color:#fff}.startScreen #startButton:hover{background-color:#fff;color:#2f4f4f;transition:all .3s ease}.startScreenText{font-family:Arial,sans-serif;font-size:18px;color:#fff;margin-bottom:40px}.videoView{position:relative}.detections,.detections .canvas{position:absolute;top:0;left:0;height:100%;width:100%}#webcam{height:100%;width:100%;opacity:1}#hand-landmarks-canvas{opacity:1;z-index:1}