.scenePlayer{display:grid;grid-template-areas:"stickHorizontal stickHorizontal stickHorizontal stickHorizontal stickHorizontal" "stickVertical . . rope ." "stickVertical . . head ." "stickVertical . leftArm body rightArm" "stickVertical . leftLeg body rightLeg";grid-template-columns:1fr 1fr 1fr 1fr 1fr}.stickVertical,.stickHorizontal,.rope,.head,.body,.leftArm,.rightArm,.leftLeg,.rightLeg{background-color:#000}.stickHorizontal{width:200px;height:20px;grid-area:stickHorizontal}.stickVertical{width:20px;height:200px;grid-area:stickVertical}.rope{width:10px;height:30px;grid-area:rope;justify-self:center}.head{width:40px;height:40px;border-radius:50%;grid-area:head}.body{width:20px;height:60px;grid-area:body;justify-self:center}.leftArm,.rightArm,.leftLeg,.rightLeg{width:8px;height:50px}.leftLeg{grid-area:leftLeg;transform:rotate(25deg) translate(40px,-15px)}.rightLeg{grid-area:rightLeg;transform:rotate(-25deg) translate(-10px)}.leftArm{grid-area:leftArm;transform:rotate(25deg) translate(40px,-15px)}.rightArm{grid-area:rightArm;transform:rotate(-25deg) translate(-10px)}.mainSection{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.buttonBox{display:grid;grid-template-columns:repeat(7,1fr)}.mainElement{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:100vw;min-height:100vh;background-color:#e5e5f7;opacity:.8;--color-lines: #c3c3c3;background-image:linear-gradient(var(--color-lines) 2px,transparent 2px),linear-gradient(90deg,var(--color-lines) 2px,transparent 2px),linear-gradient(var(--color-lines) 1px,transparent 1px),linear-gradient(90deg,var(--color-lines) 1px,#ffffff 1px);background-size:50px 50px,50px 50px,10px 10px,10px 10px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px}*{box-sizing:border-box}body,html{margin:0;padding:0}