.Todo-content{text-align:center;background-color:#222;height:180px;padding:20px;color:#fff}.main-button{width:90px;height:90px;border-radius:100%;background-color:#68aef0;cursor:pointer;color:#fff;font-weight:lighter;border:1px solid rgba(0,0,0,.1)}.child-button,.main-button{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.child-button{width:50px;height:50px;border-radius:100%;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);color:#8898a5}.Show{text-align:center}.Show-content{background-color:#222;height:180px;padding:20px;color:#fff}.kanban{background-color:#222;color:#fff;font-family:sans-serif}.lane{display:inline-block;margin:1em;background-color:#efefef;border:1px solid #ccc;border-radius:.5em;min-width:10em;vertical-align:top}.lane-header{overflow:auto;padding:1em;color:#efefef;background-color:#333;border-top-left-radius:.5em;border-top-right-radius:.5em}.lane-name{float:left}.lane-add-note{float:left;margin-right:.5em}.lane-delete{float:right;margin-left:.5em;visibility:hidden}.lane-header:hover .lane-delete{visibility:visible}.lane-drag{float:right;margin-left:.5em;visibility:hidden}.lane-header:hover .lane-drag{visibility:visible}.add-lane,.lane-add-note button{cursor:pointer;background-color:#fdfdfd;border:0}.lane-delete button{padding:0;cursor:pointer;color:#fff;background-color:transparent;border:0}.notes{margin:.5em;padding-left:0;max-width:15em;list-style:none;color:#000}.note{margin-bottom:.5em;padding:.5em;background-color:#fdfdfd;box-shadow:0 0 .3em .03em rgba(0,0,0,.3)}.note:hover{box-shadow:0 0 .3em .03em rgba(0,0,0,.7);-webkit-transition:.6s;transition:.6s}.note .value{display:inline-block}.note .delete{float:right;padding:0;background-color:#fdfdfd;border:none;cursor:pointer;visibility:hidden}.note:hover .delete{visibility:visible}.App{text-align:center;width:1400px;-webkit-perspective:2000px;perspective:2000px}.App *{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}@-webkit-keyframes SpinningSlice-forward-z{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes SpinningSlice-forward-z{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes SpinningSlice-backward-z{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@keyframes SpinningSlice-backward-z{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}@-webkit-keyframes SpinningSlice-forward-x{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}@keyframes SpinningSlice-forward-x{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}}@-webkit-keyframes SpinningSlice-backward-x{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@keyframes SpinningSlice-backward-x{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}to{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg)}}@-webkit-keyframes SpinningSlice-forward-y{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}@keyframes SpinningSlice-forward-y{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}}@-webkit-keyframes SpinningSlice-backward-y{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}}@keyframes SpinningSlice-backward-y{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(-90deg);transform:rotateY(-90deg)}}.Puzzle-wrapper{-webkit-transform:rotateY(45deg) rotateX(-30deg) translate3d(16px,40px,-20px);transform:rotateY(45deg) rotateX(-30deg) translate3d(16px,40px,-20px);pointer-events:none}.Puzzle{width:300px;height:300px;-webkit-transform-origin:33% 33%;-ms-transform-origin:33% 33%;transform-origin:33% 33%}.Cube{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-perspective-origin:150% 150%;perspective-origin:150% 150%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background:transparent}.Cube,.Cube-face{width:100px;height:100px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.Cube-face{display:block;position:absolute;border:none;line-height:100px;font-family:sans-serif;font-size:60px;color:#fff;text-align:center;outline:1px solid #000;background:#444}.front{-webkit-transform:translateZ(50px);transform:translateZ(50px)}.back{color:#000;-webkit-transform:rotateY(180deg) translateZ(50px);transform:rotateY(180deg) translateZ(50px)}.right{-webkit-transform:rotateY(90deg) translateZ(50px);transform:rotateY(90deg) translateZ(50px)}.left{-webkit-transform:rotateY(-90deg) translateZ(50px);transform:rotateY(-90deg) translateZ(50px)}.top{-webkit-transform:rotateX(90deg) translateZ(50px);transform:rotateX(90deg) translateZ(50px)}.bottom{-webkit-transform:rotateX(-90deg) translateZ(50px);transform:rotateX(-90deg) translateZ(50px)}.Cube-face.inner-face{visibility:hidden}.InnerSlice .Cube-face.inner-face,.SpinningSlice .Cube-face.inner-face{visibility:visible}.Controls{position:absolute;top:0}.Controls.disabled{pointer-events:none;opacity:.5}.Arrow{cursor:pointer;margin:25px 0;opacity:.25;position:absolute;top:0;left:0;z-index:10}.Arrow:hover{opacity:1}.ArrowGroup{width:300px;position:absolute;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.ArrowGroup,.ArrowGroup-inner{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.ArrowGroup-inner{width:100px;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}.y-forward{-webkit-transform:translate3d(450px,-74px,200px) rotateY(45deg) rotateX(-30deg);transform:translate3d(450px,-74px,200px) rotateY(45deg) rotateX(-30deg)}.y-forward .Arrow:hover{-webkit-transform:translateX(10px) scaleX(1.2);-ms-transform:translateX(10px) scaleX(1.2);transform:translateX(10px) scaleX(1.2)}.z-forward{-webkit-transform:translate3d(425px,-280px,0) rotateY(45deg) rotateX(60deg);transform:translate3d(425px,-280px,0) rotateY(45deg) rotateX(60deg)}.z-forward .Arrow{-webkit-transform:rotateX(-30deg);transform:rotateX(-30deg)}.z-forward .Arrow:hover{-webkit-transform:translateX(10px) scaleX(1.2) rotateX(-30deg);transform:translateX(10px) scaleX(1.2) rotateX(-30deg)}.x-forward{-webkit-transform:translate3d(300px,30px,0) rotateY(90deg) rotate(90deg) rotateX(-45deg);transform:translate3d(300px,30px,0) rotateY(90deg) rotate(90deg) rotateX(-45deg)}.x-forward .Arrow{-webkit-transform:rotateX(-65deg) scaleX(.8);transform:rotateX(-65deg) scaleX(.8)}.x-forward .Arrow:hover{-webkit-transform:translateX(10px) scaleX(1) rotateX(-65deg);transform:translateX(10px) scaleX(1) rotateX(-65deg)}.z-backward{-webkit-transform:translate3d(90px,-10px,0) rotateY(90deg) rotate(150deg) rotateX(-20deg);transform:translate3d(90px,-10px,0) rotateY(90deg) rotate(150deg) rotateX(-20deg)}.z-backward .Arrow{-webkit-transform:rotateX(-50deg) scaleX(.8);transform:rotateX(-50deg) scaleX(.8)}.z-backward .Arrow:hover{-webkit-transform:translateX(10px) scaleX(1) rotateX(-50deg);transform:translateX(10px) scaleX(1) rotateX(-50deg)}.y-backward{-webkit-transform:translate3d(80px,-200px,0) rotateY(-45deg) rotate(210deg) rotateX(0deg);transform:translate3d(80px,-200px,0) rotateY(-45deg) rotate(210deg) rotateX(0deg)}.y-backward .Arrow{-webkit-transform:rotateX(-30deg);transform:rotateX(-30deg)}.y-backward .Arrow:hover{-webkit-transform:translateX(10px) scaleX(1.2) rotateX(-30deg);transform:translateX(10px) scaleX(1.2) rotateX(-30deg)}.x-backward{-webkit-transform:translate3d(220px,-280px,0) rotate(-90deg);transform:translate3d(220px,-280px,0) rotate(-90deg)}.x-backward .Arrow{-webkit-transform:rotate(-20deg) scaleX(.5);-ms-transform:rotate(-20deg) scaleX(.5);transform:rotate(-20deg) scaleX(.5)}.x-backward .Arrow:hover{-webkit-transform:scaleX(.7) rotate(-20deg);-ms-transform:scaleX(.7) rotate(-20deg);transform:scaleX(.7) rotate(-20deg)}.RotateArrows g{opacity:.25;cursor:pointer}.RotateArrows g:hover{opacity:1}.ShuffleButton{-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}.ShuffleButton-target{opacity:.25;cursor:pointer}.ShuffleButton-target:hover{opacity:1}body{margin:0;padding:0;font-family:sans-serif}.About{text-align:center}.About-logo{-webkit-animation:About-logo-spin infinite 20s linear;animation:About-logo-spin infinite 20s linear;height:80px}.About-header{background-color:#222;height:180px;padding:20px;color:#fff}.About-intro{font-size:large}@-webkit-keyframes About-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes About-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Todo{margin:0 auto;width:50%}.App{text-align:center}.app-navigation{list-style:none;margin:0;background:#222;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.app-navigation a{text-decoration:none;display:block;padding:1em;color:#fff}.app-navigation a:hover{background:darken(#00bfff,2%)}@media all and (max-width:800px){.app-navigation{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}}@media all and (max-width:600px){.app-navigation{-webkit-flex-flow:column wrap;-ms-flex-flow:column wrap;flex-flow:column wrap;padding:0}.app-navigation a{text-align:center;padding:10px;border-top:1px solid hsla(0,0%,100%,.3);border-bottom:1px solid rgba(0,0,0,.1)}.app-navigation li:last-of-type a{border-bottom:none}}body{margin:0;padding:0;font-family:sans-serif}
/*# sourceMappingURL=main.9d651d10.css.map*/