*{margin:0;padding:0;box-sizing:border-box}body{display:grid;place-items:center;margin:0;height:100vh;background:linear-gradient(to bottom,#aaa,#eee)}#spin_the_wheel{display:inline-block;position:relative;overflow:hidden}#wheel{display:block}#spin{font:1.5em/0 Lato,sans-serif;-webkit-user-select:none;user-select:none;cursor:pointer;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;width:30%;height:30%;margin:-15%;background:#fff;color:#fff;box-shadow:0 0 0 8px currentColor,0 0 15px 5px #0009;border-radius:50%;transition:.8s}#spin:after{content:"";position:absolute;top:-17px;border:10px solid transparent;border-bottom-color:currentColor;border-top:none}.row{display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.column{display:flex;flex-direction:column;flex-basis:100%;flex:1}