#bottomScrollingWrapper::-webkit-scrollbar{display:none}.red{color:#ff8585}.green{color:#19be5d}.blue{color:#3e64ff}.scrolling-wrapper{width:100%;left:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}#topScrollingWrapper{position:fixed;bottom:1rem;z-index:500;opacity:.8}.task-card{background-color:grey;color:#fff;border-radius:.4rem;padding:2rem;margin:.5rem;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2);box-shadow:0 4px 8px 0 rgba(0,0,0,.2);-webkit-transition:.3s;transition:.3s;cursor:pointer}.task-card:hover{background-color:#aaa}.fadeoutTheBottom{position:absolute;margin-right:-15px;width:-moz-available;width:-webkit-fill-available;width:stretch;margin-left:-15px;bottom:0;height:50%;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));background:linear-gradient(hsla(0,0%,100%,0),#fff)}.draggable-card:first-child{margin-right:1rem}