body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.App{font-family:sans-serif;text-align:center}.slot{position:relative;display:inline-block;height:350px;width:320px}section{border-radius:15px!important;border:3px solid #000!important;min-width:280px;height:280px;overflow:hidden;background-color:grey;border-radius:2px;border:1px solid #d3d3d3;color:#fff;font-family:sans-serif;font-size:25px;line-height:60px;cursor:default}.container,section{position:absolute;width:100%;text-align:center}.container{top:2px;height:100%;transition:top .5s ease-in-out}.container>div{display:flex;align-items:center;justify-content:center;height:100%}.roll{width:215px;cursor:pointer;background-color:#ff0;padding:10px;text-align:center;font-size:20px;border-radius:20px;border:3px solid #000}.rolling{-webkit-animation:blinkingText 1.2s infinite;animation:blinkingText 1.2s infinite}@-webkit-keyframes blinkingText{0%{color:#000}49%{color:#000}60%{color:transparent}99%{color:transparent}to{color:#000}}@keyframes blinkingText{0%{color:#000}49%{color:#000}60%{color:transparent}99%{color:transparent}to{color:#000}}