.wrapper{background-color:#ffffff80;position:absolute;width:100%;height:100%;z-index:1000;display:flex;justify-content:center;align-items:center}.wrapper>.spinner{width:40px;height:40px;background-color:#333;margin:10px;-webkit-animation:sk-rotateplane 1.2s infinite ease-in-out;animation:sk-rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}to{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes sk-rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0);-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0);-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}to{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.wrapper>p{margin:0;font-size:large}.App{height:100svh;margin:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:0 10px}.App>*{margin:3px 0}.header{font-size:1rem;text-align:center;margin-top:10vh}.navigation{margin:10px 0}.footer{font-size:.8rem;width:100%;text-align:center;padding:1rem;background-color:#f8f8f8;border-top:1px solid #ddd;position:sticky;bottom:0}.code{padding:5px;color:#adff2f;background-color:#000;border-radius:5px}.content{position:relative}.content>img{display:none;width:100%;max-width:1080px;max-height:800px;border-radius:10px;z-index:1}.content>video{display:none;width:100%;max-width:1080px;max-height:800px;border-radius:10px;z-index:1}.content>canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}.btn-container{display:flex;margin-top:10px;position:relative;z-index:10;justify-content:center}button{text-decoration:none;color:#000;background-color:#fff;border:2px solid black;margin:0 5px;padding:5px;border-radius:5px;cursor:pointer}button.active{color:#fff;background-color:#00adbb;border-color:#00adbb}*{margin:0;padding:0}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%;height:100%}