body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}table{border:1px solid;border-collapse:initial;table-layout:fixed}.tetrominos{left:50%;position:absolute;top:50%;-webkit-transform:translate(-112px,-96px);transform:translate(-112px,-96px)}.tetromino{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 612 684'%3E%3Cpath fill='%23bdbdbd' d='M305.7 0 0 170.9v342.3L305.7 684 612 513.2V170.9L305.7 0z'/%3E%3Cpath fill='%23fff' d='m305.7 80.1-233.6 131 233.6 131 234.2-131-234.2-131'/%3E%3C/svg%3E") no-repeat top;height:112px;position:absolute;transition:all .3s ease;width:96px}.box1{-webkit-animation:tetromino1 1.5s ease-out infinite;animation:tetromino1 1.5s ease-out infinite}.box2{-webkit-animation:tetromino2 1.5s ease-out infinite;animation:tetromino2 1.5s ease-out infinite}.box3{-webkit-animation:tetromino3 1.5s ease-out infinite;animation:tetromino3 1.5s ease-out infinite;z-index:2}.box4{-webkit-animation:tetromino4 1.5s ease-out infinite;animation:tetromino4 1.5s ease-out infinite}.rev{animation-direction:reverse}@-webkit-keyframes tetromino1{0%,40%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(48px,-27px);transform:translate(48px,-27px)}60%,to{-webkit-transform:translate(96px);transform:translate(96px)}}@keyframes tetromino1{0%,40%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(48px,-27px);transform:translate(48px,-27px)}60%,to{-webkit-transform:translate(96px);transform:translate(96px)}}@-webkit-keyframes tetromino2{0%,20%{-webkit-transform:translate(96px);transform:translate(96px)}40%,to{-webkit-transform:translate(144px,27px);transform:translate(144px,27px)}}@keyframes tetromino2{0%,20%{-webkit-transform:translate(96px);transform:translate(96px)}40%,to{-webkit-transform:translate(144px,27px);transform:translate(144px,27px)}}@-webkit-keyframes tetromino3{0%{-webkit-transform:translate(144px,27px);transform:translate(144px,27px)}20%,60%{-webkit-transform:translate(96px,54px);transform:translate(96px,54px)}90%,to{-webkit-transform:translate(48px,27px);transform:translate(48px,27px)}}@keyframes tetromino3{0%{-webkit-transform:translate(144px,27px);transform:translate(144px,27px)}20%,60%{-webkit-transform:translate(96px,54px);transform:translate(96px,54px)}90%,to{-webkit-transform:translate(48px,27px);transform:translate(48px,27px)}}@-webkit-keyframes tetromino4{0%,60%{-webkit-transform:translate(48px,27px);transform:translate(48px,27px)}90%,to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes tetromino4{0%,60%{-webkit-transform:translate(48px,27px);transform:translate(48px,27px)}90%,to{-webkit-transform:translate(0);transform:translate(0)}}
/*# sourceMappingURL=main.e270fccb.css.map*/