body{margin:0;padding:0;background-color:#000}body::after{content:"";background-image:url(favicon.png);opacity:.3;top:0;left:0;bottom:0;right:0;position:absolute;z-index:-1}.container{margin:auto;max-width:360px;max-height:575px;position:relative}canvas{display:block;margin:auto;box-shadow:0 4px 8px 0 #000;border:1px groove}#startButton{cursor:pointer;font-size:30px;position:absolute;width:150px;height:90px;top:calc(50vh - 45px);left:calc(50vw - 75px);border-radius:5%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{transform:scale(1);box-shadow:0 0 0 10px transparent}100%{transform:scale(.95);box-shadow:0 0 0 0 transparent}}.controls{position:absolute;bottom:0;margin:auto;width:100%;display:flex;justify-content:space-between}.controls button{box-sizing:content-box;width:80px;height:80px;background-color:#f9d93d;opacity:.8;background-repeat:no-repeat;border:none;cursor:pointer;overflow:hidden;outline:0}.button{border-radius:100%;border:none;box-shadow:0 0 8px #000;cursor:pointer}.arrows-svg{height:50px;width:50px}.arrow-left{transform:rotate(180deg)}