@font-face{font-family:graduate;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/graduate/v8/C8cg4cs3o2n15t_2YygW43w.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap}@font-face{font-family:pathway gothic one;font-style:normal;font-weight:400;src:local("Pathway Gothic One Regular"),local("PathwayGothicOne-Regular"),url(https://fonts.gstatic.com/s/pathwaygothicone/v9/MwQrbgD32-KAvjkYGNUUxAtW7pEBwx-tS1ZfTc4PlA.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap}.eightball{text-align:center}#ball,#spot,#answer{border-radius:50%;box-sizing:border-box}#ball::before,#ball::after,#spot::before,#spot::after,#answer::before,#answer::after{border-radius:50%;box-sizing:border-box;content:"";position:absolute}#ball{background-repeat:no-repeat;background:#000;background:radial-gradient(circle at 50% 120%,rgba(0,0,0,.8),black);height:300px;margin:0 auto;position:relative;transition:transform .3s ease-in-out,opacity .3s;width:300px}#ball::before{background:radial-gradient(circle at 60% 0px,white,rgba(255,255,255,0) 58%);filter:blur(5px);height:300px;left:7px;top:6px;width:300px;z-index:2}#ball::after{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.7),rgba(255,255,255,.8) 14%,rgba(255,255,255,0) 24%);filter:blur(10px);height:300px;left:10%;opacity:.9;top:5%;transform:translateX(-80px)translateY(-90px)skewX(-20deg);width:300px;z-index:2}#ball #spot,#ball #answer{height:50%;left:0;margin:0 auto;position:absolute;right:0;top:25%;width:50%}#ball #spot::after,#ball #spot::before,#ball #answer::after,#ball #answer::before{height:100%;width:100%}#spot{background:#fff;border:1px solid #fff;box-shadow:inset 0 0 4px rgba(0,0,0,.75);color:#000;font-family:graduate,Impact,Haettenschweiler,arial narrow bold,sans-serif;font-size:5.5em;font-weight:400;line-height:calc(300px/2);transition:transform .3s ease-in-out,opacity .3s;z-index:5}#spot::after{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.7),rgba(0,0,0,.8) 14%,transparent 24%);bottom:0;filter:blur(10px);height:300px;left:10%;opacity:.9;transform:translateX(-80px)translateY(-90px)skewX(-20deg);width:300px;z-index:2}#answer{align-items:center;color:#fff;display:flex;font-family:pathway gothic one,Impact,arial condensed;font-size:1.4em;justify-content:center;text-transform:uppercase;white-space:pre;z-index:3}#answer::before{background:radial-gradient(#646464 0%,#0a0a0a 60%);border:10px double rgba(255,255,255,.2);box-shadow:inset 0 1px rgba(0,0,0,.8),0 1px 3px rgba(255,255,255,.8);top:0;z-index:-1}#answer::after{background:blue;filter:blur(20px);opacity:1;top:0;transform:scale(.7);transition:scale 3 ease-in-out;z-index:-1}#card{width:100%;height:100%;overflow-x:visible;overflow-y:visible;position:absolute;z-index:4;left:0;right:0;scale:.3;transition:transform 2s ease-out}.spin{transform:rotate(360deg)}.vanish{opacity:0}.rotate{transform:rotate(45deg)}footer small a{color:#fff}footer small a:hover{color:#fff}.reveal #playing-card-reveal{display:grid;grid-template-columns:repeat(4,1fr)}.reveal img{border-radius:5px;box-shadow:0 2px 3px rgba(0,0,0,.3);box-sizing:border-box;margin:5px}