body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;position:relative;width:100%;height:100vh;overflow:hidden}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:100}.loading-content{text-align:center;color:#fff;font-size:24px}.loading-spinner{border-radius:50%;border:5px solid hsla(0,0%,100%,.3);border-top-color:#fff;width:50px;height:50px;margin:0 auto 20px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-content{opacity:0;transition:opacity 1s ease-in-out}.app-content.visible{opacity:1}.instructions-banner{position:fixed;top:0;left:0;width:100%;background-color:rgba(0,0,0,.7);color:#fff;padding:10px 0;font-size:18px;z-index:15;text-align:center}.App-header{background-color:transparent;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff;z-index:20;position:relative}.webcam{position:absolute;top:0;left:0}.canvas,.webcam{width:20vw;height:15vw;z-index:20}.canvas{border:solid #fff}.canvas,.pose-text{position:relative;background-color:rgba(0,0,0,.5)}.pose-text{margin-top:20px;width:100%;text-align:center;z-index:20;padding:10px;border-radius:8px}.mirrored{transform:scaleX(-1)}.cards-container{top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.card,.cards-container{position:absolute;z-index:5}.card{width:250px;height:350px;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 4px 30px rgba(0,0,0,.1);padding:20px;color:#fff;transition:all .5s ease-in-out}.card-content{opacity:.8}.card.expanded.position-left{transform:translateX(-300px) scale(.9);opacity:.7}.card.expanded.position-center{transform:translateX(0) scale(1);opacity:1;z-index:6}.card.expanded.position-right{transform:translateX(300px) scale(.9);opacity:.7}.card.collapsed{transform:translateX(0)}.card.collapsed.card-1{transform:translateX(0) rotate(-5deg)}.card.collapsed.card-2{transform:translateX(0) rotate(0deg)}.card.collapsed.card-3{transform:translateX(0) rotate(5deg)}body{margin:0;padding:0;background:linear-gradient(135deg,#1a1a2e,#16213e);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}
/*# sourceMappingURL=main.ab58bcba.chunk.css.map */