body{height:100%;margin:0;background:#000;background:linear-gradient(180deg,#4a3d63,#0d0b11,#000)}h2{color:#9680ca;text-align:center;font-family:Roboto,sans-serif}#coin{position:relative;margin:0 auto;width:250px;height:250px;cursor:pointer}#coin div{width:100%;height:100%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:inset 0 0 45px rgba(255,255,255,.3),0 12px 20px -10px rgba(0,0,0,.4);-moz-box-shadow:inset 0 0 45px rgba(255,255,255,.3),0 12px 20px -10px rgba(0,0,0,.4);box-shadow:inset 0 0 45px #ffffff4d,0 12px 20px -10px #0006}.flip-stats{color:#9680ca;text-align:center;font-family:Roboto,sans-serif;padding:25px 0;position:absolute;top:70%}.side-a{background-size:cover}.side-b{-webkit-transform:rotateX(-180deg);background-size:cover}.coin-type-list{margin-top:-30px;text-align:center}.coin-type-img{width:50px;height:50px;margin-right:10px;cursor:pointer}.coin-type-img:hover{transform:scale(1.3);transition:transform .2s}.container{display:flex;height:100vh;flex-direction:column;align-items:center;justify-content:center}.coin-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80%}#coin{margin-top:-100px;transition:-webkit-transform 1s ease-in;-webkit-transform-style:preserve-3d}#coin div{position:absolute;-webkit-backface-visibility:hidden}#coin.heads{-webkit-animation:flipHeads 3s cubic-bezier(0,.4,.7,1) forwards;-moz-animation:flipHeads 3s cubic-bezier(0,.4,.7,1) forwards;-o-animation:flipHeads 3s cubic-bezier(0,.4,.7,1) forwards;animation:flipHeads 3s cubic-bezier(0,.4,.7,1) forwards}#coin.tails{-webkit-animation:flipTails 3s cubic-bezier(0,.4,.7,1) forwards;-moz-animation:flipTails 3s cubic-bezier(0,.4,.7,1) forwards;-o-animation:flipTails 3s cubic-bezier(0,.4,.7,1) forwards;animation:flipTails 3s cubic-bezier(0,.4,.7,1) forwards}@-webkit-keyframes flipHeads{0%{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);transform:rotateX(0)}to{-webkit-transform:rotateX(1800deg);-moz-transform:rotateX(1800deg);transform:rotateX(1800deg)}}@-webkit-keyframes flipTails{0%{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);transform:rotateX(0)}to{-webkit-transform:rotateX(1980deg);-moz-transform:rotateX(1980deg);transform:rotateX(1980deg)}}