.modal-mask[data-v-17b9add5]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000000bf;display:table;transition:opacity .3s ease}.modal-wrapper[data-v-17b9add5]{display:table-cell;vertical-align:middle}.modal-container[data-v-17b9add5]{width:600px;height:500px;margin:0 auto;padding:20px 30px;background-color:#b7b7b7;border-radius:10px;box-shadow:0 2px 8px #00000054;transition:all .3s ease;font-family:Helvetica,Arial,sans-serif;border:solid thick rgb(253 187 0)}.modal-header h3[data-v-17b9add5]{margin-top:0;color:#42b983}.modal-body[data-v-17b9add5]{margin:20px 0}.modal-default-button[data-v-17b9add5]{float:right}.modal-enter[data-v-17b9add5],.modal-leave-active[data-v-17b9add5]{opacity:0}.modal-enter .modal-container[data-v-17b9add5],.modal-leave-active .modal-container[data-v-17b9add5]{-webkit-transform:scale(1.1);transform:scale(1.1)}#menu-container{height:100%;margin-top:25%}.new-game-mode-btn{background-color:#e9ff1e80;height:40x;margin:10px;padding:20px;border-radius:10px}.new-game-mode-btn:hover{background-color:#efff61ce;cursor:pointer}a[data-v-7d80bc42]{color:#42b983}li.card{padding:18px;cursor:pointer;border-radius:5px;list-style:none;margin:6px;box-shadow:6px 7px 5px -5px #5b5b5b94;display:inline-block;font-size:20px}li.card:hover{background-color:#00bfff98;box-shadow:6px 7px 5px -4px #5b5b5bb6}.invalidCard{background-color:#f84a2b}@keyframes fadeIt{0%{background-color:#00bfff98}10%{background-color:#ff2600}to{background-color:#00bfff98}}.backgroundAnimated{animation:fadeIt .5s ease-in-out!important}.card.red{background-color:#e93434d5}.card.green{background-color:#00ff6a98}.card.blue{background-color:#006eff98}.card.yellow{background-color:#ffee00fb}.card.black{background-color:#6d6d6d98}.card.colorchange{background-image:linear-gradient(to right,#e64545,#ffee03,#55f59f,#559ff8)}ul.cardsBlock{padding:25px}.playerTurn{border:solid thick #ff7b00!important;box-shadow:6px 7px 5px -5px #5b5b5bc2;opacity:1!important}#playerBlock{border-radius:15px;margin:10px;padding:20px;background-color:#d3e7eec7;border:solid thick rgb(211,231,238);opacity:.6;transition:opacity .7s}button{background-color:#cdcecbd6;border:none;color:#000;padding:10px 15px;font-size:15px;border-radius:25px;cursor:pointer}button:hover{background-color:#f0f0f0!important}div#container{width:75%;margin:auto;background-color:#fafafa1a;padding:15px;border-radius:15px}body{background-color:#222}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}