@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-20px)}20%,40%,60%,80%{transform:translateX(20px)}}@keyframes bounce{0%,to{transform:translateY(0)}10%,30%,50%,70%,90%{transform:translateY(-5px)}20%,40%,60%,80%{transform:translateY(5px)}}#snackbar,.bg-grey,.refresh-btn:hover{background-color:#e6e6e6}.hexagon{fill:#9bf7ef;cursor:pointer}.center-hexagon{fill:#fbfd60;cursor:pointer}.polygon-container:hover .center-hexagon,.polygon-container:hover .hexagon{fill:#16cfc0}.refresh-btn{cursor:pointer;background:url(../refresh-icon.html)no-repeat;background-size:24px 24px;background-position:center;height:48px;width:48px}#words-answered-modal .btn{margin-top:10px;border-radius:50px;padding:10px 15px}#words-answered-modal .btn .answer{display:inline-block}#words-answered-modal .btn span{display:inline-block;margin-left:3px}#snackbar{visibility:hidden;width:100%;color:#000;text-transform:capitalize;text-align:center;padding:4px;margin-top:12px;z-index:1;left:0}#snackbar.show{visibility:visible;-webkit-animation:fadein .5s,fadeout .5s 2.5s;animation:fadein .5s,fadeout .5s 2.5s}.error-image{width:12vh;margin:auto}.animated{animation-duration:1s}.shake{animation-name:shake}.bounce{animation-name:bounce}