body{margin:0;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}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.code-book-parent{height:90vh;overflow:hidden;overflow-y:scroll}.screen-overlay{height:50%}.cmp-documentation-codeexample:hover{cursor:pointer}.run-button-cell{right:15px}.clear-button-cell,.run-button-cell{position:absolute!important;bottom:10px}.clear-button-cell{left:15px}.documentation-panel{overflow:scroll;height:10000px;height:300px}.clickable-element{cursor:pointer}@media (max-width:968px){.cmp-code-panel,.cmp-game,.cmp-game-panel{display:block;width:100%}}@media (min-width:969px) and (max-width:1599px){.cmp-game{display:grid;grid-template-columns:60% 40%}}@media (min-width:1600px){.cmp-game{display:grid;grid-template-columns:50% 50%}}.cmp-live-coding{width:100%;height:100%}#unity-canvas{width:100%}.center{margin:auto;width:50%;padding:10px}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{display:inline-block;border:1px solid transparent;border-bottom:none;bottom:-1px;position:relative;list-style:none;padding:6px 12px;cursor:pointer}.react-tabs__tab--selected{background:#fff;border-color:#aaa;color:#000;border-radius:5px 5px 0 0}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{box-shadow:0 0 5px #0188fe;border-color:#0188fe;outline:none}.react-tabs__tab:focus:after{content:"";position:absolute;height:5px;left:-4px;right:-4px;bottom:-5px;background:#fff}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.popup-window{position:fixed;top:15%;z-index:4;background-color:rgba(0,0,0,.6666666666666666);width:50%}.popup-window.align-left{right:5%}.popup-window.align-right{left:3%;width:48%}.popup-button{float:right;margin-bottom:15px}