footer{margin-top:6rem;flex-shrink:0;background-color:#e9ecef}.site{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1}.die{display:flex;justify-content:center;align-items:center;font-weight:700;margin:.33333333rem;width:2rem;height:2rem;border-radius:.25rem;border:1px solid #0a0a0a;box-shadow:.2rem rgba(10,10,10,.5)}.die.pips,.die.pips:before{position:relative}.die.pips:before{display:block;content:"";border-radius:100%;border-width:0;height:.38rem;width:.38rem}.die.pips[data-content="1"]:before{background-color:#0a0a0a}.die.pips[data-content="2"]:before{background-color:#e34627;box-shadow:.9rem .9rem 0 #e34627;top:-22%;left:-22%}.die.pips[data-content="3"]:before{background-color:#3ab1cd;box-shadow:.44rem .44rem 0 #3ab1cd,-.44rem -.44rem 0 #3ab1cd}.die.pips[data-content="4"]:before{background-color:#3ab1cd;box-shadow:.88rem .88rem 0 #3ab1cd,.88rem 0 0 #3ab1cd,0 .88rem 0 #3ab1cd;top:-22%;left:-22%}.die.pips[data-content="5"]:before{background-color:#e34627;box-shadow:.44rem .44rem 0 #e34627,-.44rem .44rem 0 #e34627,-.44rem -.44rem 0 #e34627,.44rem -.44rem 0 #e34627}.die.pips[data-content="6"]:before{background-color:#0a0a0a;box-shadow:.88rem .88rem 0 #0a0a0a,.88rem 0 0 #0a0a0a,.88rem .44rem 0 #0a0a0a,0 .44rem 0 #0a0a0a,0 .88rem 0 #0a0a0a;top:-.44rem;left:-.44rem}.die[data-content="1"]{color:#0a0a0a}.die[data-content="2"]{color:#e34627}.die[data-content="3"],.die[data-content="4"]{color:#3ab1cd}.die[data-content="5"]{color:#e34627}.die[data-content="6"]{color:#0a0a0a}.die{background-color:#fee9a5}.game{display:flex;flex-direction:column;align-items:flex-start}.game>.roll{display:flex;flex-direction:row;justify-content:left;border-radius:.5rem .5rem .5rem 0;background:#505050;margin-right:.5rem}.game>.label{border-radius:0 0 .5rem .5rem;background:#505050;padding:.2rem .4rem;color:#fff;text-shadow:1px 1px 0 rgba(0,0,0,.8);font-size:.6rem}