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}:root{--size:100px;--p1:#d9c65e;--p2:#cb514f}.App{place-content:center}.App,.board{display:grid}.board{grid-template-columns:repeat(7,var(--size));grid-template-rows:repeat(6,var(--size));position:relative}.board div{background:url(/static/media/clip.96bcf81de5bf38bbabd8.svg)}.tile{border:1px solid #ccc;display:inline-block;height:var(--size);width:var(--size)}.drop-zone{height:calc(var(--size)*2)}.drop-zone div{background-position:50%;border-top:50px solid #fff;display:inline-block;height:calc(var(--size)*1);position:absolute;width:calc(var(--size)*1)}.drop-zone .p1{background-image:url(/static/media/red1.953d1f7e23a3d74d572b.svg);background-size:cover}.drop-zone .p2{background-image:url(/static/media/yellow1.b8c36b6ec1a496485a28.svg);background-size:cover}.drop-zone .p1.dropping{background-image:url(/static/media/red-arrow.c2bd75949c6ccee5a236.svg);background-size:cover}.drop-zone .p1.dropped{background-image:url(/static/media/red.618a00460f21901635a0.svg);background-size:cover}.drop-zone .p2.dropping{background-image:url(/static/media/yellow-arrow.62457216ed368150064d.svg);background-size:cover}.drop-zone .p2.dropped{background-image:url(/static/media/yellow.7215e4849e55bfc205c1.svg);background-size:cover}.drop-zone .active{transition:all .5s ease-in-out}.drop-zone .active.column-0{margin-left:0}.drop-zone .active.column-1{margin-left:100px}.drop-zone .active.column-2{margin-left:200px}.drop-zone .active.column-3{margin-left:300px}.drop-zone .active.column-4{margin-left:400px}.drop-zone .active.column-5{margin-left:500px}.drop-zone .active.column-6{margin-left:600px}.drop-zone .active.row-0{-webkit-transform:translateY(150px);transform:translateY(150px)}.drop-zone .active.row-1{-webkit-transform:translateY(250px);transform:translateY(250px)}.drop-zone .active.row-2{-webkit-transform:translateY(350px);transform:translateY(350px)}.drop-zone .active.row-3{-webkit-transform:translateY(450px);transform:translateY(450px)}.drop-zone .active.row-4{-webkit-transform:translateY(550px);transform:translateY(550px)}.drop-zone .active.row-5{-webkit-transform:translateY(650px);transform:translateY(650px)}.drop-zone .active.column--.row--{transition:none}.banner{align-items:center;color:#3a3a3a;display:flex;font-size:32px;font-weight:700;height:100px;justify-content:center;width:100%}.banner.yellow{background:#fbfba4}.banner.red{background:#f89999}
/*# sourceMappingURL=main.d741ecf7.css.map*/