.shape.square.green{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><rect width="100%" height="100%" fill="%2365b22e" /></svg>')}.shape.square.purple{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><rect width="100%" height="100%" fill="%23a7589c" /></svg>')}.shape.square.yellow{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><rect width="100%" height="100%" fill="%23f7e922" /></svg>')}.shape.square.red{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><rect width="100%" height="100%" fill="%23e5231f" /></svg>')}.shape.square.blue{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><rect width="100%" height="100%" fill="%2353c1ea" /></svg>')}.shape.circle.green{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%"><circle cx="50%" cy="50%" r="50%" fill="%2365b22e" /></svg>')}.shape.circle.purple{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%"><circle cx="50%" cy="50%" r="50%" fill="%23a7589c" /></svg>')}.shape.circle.yellow{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%"><circle cx="50%" cy="50%" r="50%" fill="%23f7e922" /></svg>')}.shape.circle.red{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%"><circle cx="50%" cy="50%" r="50%" fill="%23e5231f" /></svg>')}.shape.circle.blue{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%"><circle cx="50%" cy="50%" r="50%" fill="%2353c1ea" /></svg>')}.shape.cross.green{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%"><line x1="6%" y1="6%" x2="94%" y2="94%" stroke="%2365b22e" stroke-width="18%" /><line x1="94%" y1="6%" x2="6%" y2="94%" stroke="%2365b22e" stroke-width="18%" /></svg>')}.shape.cross.purple{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%"><line x1="6%" y1="6%" x2="94%" y2="94%" stroke="%23a7589c" stroke-width="18%" /><line x1="94%" y1="6%" x2="6%" y2="94%" stroke="%23a7589c" stroke-width="18%" /></svg>')}.shape.cross.yellow{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%"><line x1="6%" y1="6%" x2="94%" y2="94%" stroke="%23f7e922" stroke-width="18%" /><line x1="94%" y1="6%" x2="6%" y2="94%" stroke="%23f7e922" stroke-width="18%" /></svg>')}.shape.cross.red{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%"><line x1="6%" y1="6%" x2="94%" y2="94%" stroke="%23e5231f" stroke-width="18%" /><line x1="94%" y1="6%" x2="6%" y2="94%" stroke="%23e5231f" stroke-width="18%" /></svg>')}.shape.cross.blue{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%"><line x1="6%" y1="6%" x2="94%" y2="94%" stroke="%2353c1ea" stroke-width="18%" /><line x1="94%" y1="6%" x2="6%" y2="94%" stroke="%2353c1ea" stroke-width="18%" /></svg>')}.shape.triangle.green{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" viewBox="0 0 100 100"><polygon points="50,0 0,100 100,100" fill="%2365b22e"/></svg>')}.shape.triangle.purple{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" viewBox="0 0 100 100"><polygon points="50,0 0,100 100,100" fill="%23a7589c"/></svg>')}.shape.triangle.yellow{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" viewBox="0 0 100 100"><polygon points="50,0 0,100 100,100" fill="%23f7e922"/></svg>')}.shape.triangle.red{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" viewBox="0 0 100 100"><polygon points="50,0 0,100 100,100" fill="%23e5231f"/></svg>')}.shape.triangle.blue{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" viewBox="0 0 100 100"><polygon points="50,0 0,100 100,100" fill="%2353c1ea"/></svg>')}.shape.star.green{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" viewBox="0 0 100 100"><polygon points="50,0 17.5,100 100,40 0,40 82.5,100" fill="%2365b22e" /></svg>')}.shape.star.purple{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" viewBox="0 0 100 100"><polygon points="50,0 17.5,100 100,40 0,40 82.5,100" fill="%23a7589c" /></svg>')}.shape.star.yellow{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" viewBox="0 0 100 100"><polygon points="50,0 17.5,100 100,40 0,40 82.5,100" fill="%23f7e922" /></svg>')}.shape.star.red{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" viewBox="0 0 100 100"><polygon points="50,0 17.5,100 100,40 0,40 82.5,100" fill="%23e5231f" /></svg>')}.shape.star.blue{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" height="100%" width="100%" viewBox="0 0 100 100"><polygon points="50,0 17.5,100 100,40 0,40 82.5,100" fill="%2353c1ea" /></svg>')}@-webkit-keyframes shake{0%{-webkit-transform:translate(2px, 1px) rotate(0deg)}10%{-webkit-transform:translate(-1px, -2px) rotate(-1deg)}20%{-webkit-transform:translate(-3px, 0px) rotate(1deg)}30%{-webkit-transform:translate(0px, 2px) rotate(0deg)}40%{-webkit-transform:translate(1px, -1px) rotate(1deg)}50%{-webkit-transform:translate(-1px, 2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px, 1px) rotate(0deg)}70%{-webkit-transform:translate(2px, 1px) rotate(-1deg)}80%{-webkit-transform:translate(-1px, -1px) rotate(1deg)}90%{-webkit-transform:translate(2px, 2px) rotate(0deg)}100%{-webkit-transform:translate(1px, -2px) rotate(-1deg)}}.shake{-webkit-animation-name:shake;-webkit-animation-duration:0.1s;-webkit-animation-iteration-count:once}*,*::after,*::before{-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:#3b3a3a;margin:0;padding:3vw;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100vw;height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}body .game-container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body .motivCards{display:-ms-grid;display:grid;-ms-grid-columns:(calc((90vw)/5))[5];grid-template-columns:repeat(5, calc((90vw)/5));gap:1vw;grid-auto-rows:20vw;height:33vw}@media screen and (min-width: 1024px){body .motivCards{-ms-grid-columns:(calc((85vw)/5))[5];grid-template-columns:repeat(5, calc((85vw)/5));gap:2vw}}body .shape{pointer-events:none}body #playingCard{width:34vw;height:20vw;padding:3vw 2vw;border:none;border-radius:1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:3vw;margin-top:8vw;background-color:#2e2e2e}@media screen and (min-width: 1024px){body #playingCard{width:28vw;height:17vw}}body #playingCard .shape{width:100%;height:100%}body #playingCard>div{width:100%;height:100%}body #playingCard #shapeOne{float:left;margin-right:2vw}body #playingCard #shapeTwo{float:right}body .cards{display:-ms-grid;display:grid;-ms-grid-columns:(15vw)[5];grid-template-columns:repeat(5, 15vw);grid-auto-rows:calc(20vw - 2em);gap:1em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center}body .motivCard{width:100%;height:28vw;padding:2vw;border:none;border-radius:1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#2e2e2e}@media screen and (min-width: 1024px){body .motivCard{height:25vw}}body .motivCard .shape{width:calc(70vw/5);height:calc(70vw/5)}@media screen and (min-width: 1024px){body .motivCard .shape{width:calc(65vw/5);height:calc(65vw/5)}}body .motivCard svg{height:calc(15vw - 4em);width:auto;pointer-events:none}
/*# sourceMappingURL=styles.min.css.map */