.controll{display:flex;padding:20px;margin:20px auto;width:15vw;justify-content:center}.controll>*{margin:25px}.Roll{display:flex;width:1000px;overflow:hidden;position:relative;padding:10px 1px;transition:5s ease;background:#5f5f5f}.Roll:before{content:"";position:absolute;width:4px;height:100%;left:0;right:0;margin:auto;top:0;background:#fff;z-index:10}.Roll .Lists{display:flex;transition-timing-function:cubic-bezier(.6,1,.5,1)}.Roll .Lists ul{display:flex;list-style:none;margin:0;padding-left:0}.Roll .Lists ul li{user-select:none;padding:10px 0;width:90px;border-radius:3px}.Roll .Lists ul li.red{background-color:#de4c41;box-shadow:inset 0 2px 0 #e5564b,inset 0 -2px 0 #ad362d}.Roll .Lists ul li.black{background-color:#31353c;box-shadow:inset 0 2px 0 0 #3b3f47,inset 0 -2px 0 0 #272b33}.Roll .Lists ul li.green{background-color:#00c74d;box-shadow:inset 0 2px 0 #35d87b,inset 0 -2px 0 #00913c}body{background:#333;font-family:sans-serif;color:#f7f7f7;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100vh;overflow:hidden}
/*# sourceMappingURL=style.css.map*/