diff --git a/assets/EndGame/you-died.gif b/assets/EndGame/you-died.gif
new file mode 100644
index 00000000..9cb4395a
Binary files /dev/null and b/assets/EndGame/you-died.gif differ
diff --git a/assets/EndGame/you-died.png b/assets/EndGame/you-died.png
new file mode 100644
index 00000000..85896ef8
Binary files /dev/null and b/assets/EndGame/you-died.png differ
diff --git a/assets/Font/ofont.ru_Old Horror Films.ttf b/assets/Font/ofont.ru_Old Horror Films.ttf
new file mode 100644
index 00000000..c4dbb5e2
Binary files /dev/null and b/assets/Font/ofont.ru_Old Horror Films.ttf differ
diff --git a/assets/Stages/blue.png b/assets/Stages/blue.png
new file mode 100644
index 00000000..277b1bb4
Binary files /dev/null and b/assets/Stages/blue.png differ
diff --git a/assets/Stages/brown.png b/assets/Stages/brown.png
new file mode 100644
index 00000000..f8b989fb
Binary files /dev/null and b/assets/Stages/brown.png differ
diff --git a/assets/Stages/green.png b/assets/Stages/green.png
new file mode 100644
index 00000000..12626c01
Binary files /dev/null and b/assets/Stages/green.png differ
diff --git a/audio.js b/audio.js
new file mode 100644
index 00000000..156f87fd
--- /dev/null
+++ b/audio.js
@@ -0,0 +1,30 @@
+const knife = new Audio('./assets/Audio/6802dff441a6d4e (mp3cut.net).mp3');
+const rain = document.querySelector('audio');
+const takeCard = document.querySelector(".deck");
+const card1 = document.querySelector('.card1');
+const card2 = document.querySelector('.card2');
+const card3 = document.querySelector('.card3');
+const card4 = document.querySelector('.card4');
+const difficulty = document.querySelectorAll(".difficulty");
+
+function playAudio(item, audio, volume) {
+    item.addEventListener("click", () => {
+        audio.play();
+    });
+    audio.volume = volume;
+}
+
+difficulty.forEach(item => {
+    item.addEventListener("click", () => {
+        knife.play();
+        knife.volume = .1;
+    });
+});
+
+playAudio(card1, new Audio('./assets/Audio/monster1.mp3'), .5);
+playAudio(card2, new Audio('./assets/Audio/monster2.mp3'), .5);
+playAudio(card3, new Audio('./assets/Audio/monster3.mp3'), .5);
+playAudio(card4, new Audio('./assets/Audio/monster4.mp3'), .5);
+playAudio(takeCard, new Audio('./assets/Audio/mb_card_deal_08.mp3'), .5);
+
+document.querySelector('.rain').volume = .4;
\ No newline at end of file
diff --git a/data/mythicCards/blue/indexBlue.js b/data/mythicCards/blue/indexBlue.js
index 3aa346ac..84a05b2c 100644
--- a/data/mythicCards/blue/indexBlue.js
+++ b/data/mythicCards/blue/indexBlue.js
@@ -1,71 +1,83 @@
 const cardsDataBlue = [
   {
+    number: 1,
     id: 'blue1',
     cardFace: './assets/MythicCards/blue/blue1.png',
     difficulty: 'hard',
     color:'blue'
   },
   {
+    number: 2,
     id: 'blue2',
     cardFace: './assets/MythicCards/blue/blue2.png',
     difficulty: 'hard',
     color:'blue'
   },
   {
+    number: 3,
     id: 'blue3',
     cardFace: './assets/MythicCards/blue/blue3.png',
     difficulty: 'easy',
     color:'blue'
   },
   {
+    number: 4,
     id: 'blue4',
     cardFace: './assets/MythicCards/blue/blue4.png',
     difficulty: 'easy',
     color:'blue'
   },
   {
+    number: 5,
     id: 'blue5',
     cardFace: './assets/MythicCards/blue/blue5.png',
     difficulty: 'easy',
     color:'blue'
   },
   {
+    number: 6,
     id: 'blue6',
     cardFace: './assets/MythicCards/blue/blue6.png',
     difficulty: 'hard',
     color:'blue'
   },
   {
+    number: 7,
     id: 'blue7',
     cardFace: './assets/MythicCards/blue/blue7.png',
     difficulty: 'normal',
     color:'blue'
   },
   {
+    number: 8,
     id: 'blue8',
     cardFace: './assets/MythicCards/blue/blue8.png',
     difficulty: 'hard',
     color:'blue'
   },
   {
+    number: 9,
     id: 'blue9',
     cardFace: './assets/MythicCards/blue/blue9.png',
     difficulty: 'normal',
     color:'blue'
   },
   {
+    number: 10,
     id: 'blue10',
     cardFace: './assets/MythicCards/blue/blue10.png',
     difficulty: 'easy',
     color:'blue'
   },
   {
+    number: 11,
     id: 'blue11',
     cardFace: './assets/MythicCards/blue/blue11.png',
     difficulty: 'normal',
     color:'blue'
   },
   {
+    number: 12,
     id: 'blue12',
     cardFace: './assets/MythicCards/blue/blue12.png',
     difficulty: 'normal',
diff --git a/data/mythicCards/brown/indexBrown.js b/data/mythicCards/brown/indexBrown.js
index 409c4a5a..2013f803 100644
--- a/data/mythicCards/brown/indexBrown.js
+++ b/data/mythicCards/brown/indexBrown.js
@@ -1,125 +1,146 @@
 const cardsDataBrown = [
   {
+    number: 1,
     id: 'brown1',
     cardFace: './assets/MythicCards/brown/brown1.png',
     difficulty: 'normal',
     color:'brown'
   },
   {
+    number: 2,
     id: 'brown2',
     cardFace: './assets/MythicCards/brown/brown2.png',
     difficulty: 'normal',
     color:'brown'
   },
   {
+    number: 3,
     id: 'brown3',
     cardFace: './assets/MythicCards/brown/brown3.png',
     difficulty: 'normal',
     color:'brown'
   },
   {
+    number: 4,
     id: 'brown4',
     cardFace: './assets/MythicCards/brown/brown4.png',
     difficulty: 'normal',
     color:'brown'
   },
   {
+    number: 5,
     id: 'brown5',
     cardFace: './assets/MythicCards/brown/brown5.png',
     difficulty: 'normal',
     color:'brown'
   },
   {
+    number: 6,
     id: 'brown6',
     cardFace: './assets/MythicCards/brown/brown6.png',
     difficulty: 'hard',
     color:'brown'
   },
   {
+    number: 7,
     id: 'brown7',
     cardFace: './assets/MythicCards/brown/brown7.png',
     difficulty: 'hard',
     color:'brown'
   },
   {
+    number: 8,
     id: 'brown8',
     cardFace: './assets/MythicCards/brown/brown8.png',
     difficulty: 'hard',
     color:'brown'
   },
   {
+    number: 9,
     id: 'brown9',
     cardFace: './assets/MythicCards/brown/brown9.png',
     difficulty: 'hard',
     color:'brown'
   },
   {
+    number: 10,
     id: 'brown10',
     cardFace: './assets/MythicCards/brown/brown10.png',
     difficulty: 'hard',
     color:'brown'
   },
   {
+    number: 11,
     id: 'brown11',
     cardFace: './assets/MythicCards/brown/brown11.png',
     difficulty: 'easy',
     color:'brown'
   },
   {
+    number: 12,
     id: 'brown12',
     cardFace: './assets/MythicCards/brown/brown12.png',
     difficulty: 'easy',
     color:'brown'
   },
   {
+    number: 13,
     id: 'brown13',
     cardFace: './assets/MythicCards/brown/brown13.png',
     difficulty: 'easy',
     color:'brown'
   },
   {
+    number: 14,
     id: 'brown14',
     cardFace: './assets/MythicCards/brown/brown14.png',
     difficulty: 'easy',
     color:'brown'
   },
   {
+    number: 15,
     id: 'brown15',
     cardFace: './assets/MythicCards/brown/brown15.png',
     difficulty: 'normal',
     color:'brown'
   },
   {
+    number: 16,
     id: 'brown16',
     cardFace: './assets/MythicCards/brown/brown16.png',
     difficulty: 'normal',
     color:'brown'
   },
   {
+    number: 17,
     id: 'brown17',
     cardFace: './assets/MythicCards/brown/brown17.png',
     difficulty: 'normal',
     color:'brown'
   },
   {
+    number: 18,
     id: 'brown18',
     cardFace: './assets/MythicCards/brown/brown18.png',
     difficulty: 'normal',
     color:'brown'
   },
   {
+    number: 19,
     id: 'brown19',
     cardFace: './assets/MythicCards/brown/brown19.png',
     difficulty: 'normal',
     color:'brown'
   },
   {
+    number: 20,
     id: 'brown20',
     cardFace: './assets/MythicCards/brown/brown20.png',
     difficulty: 'normal',
     color:'brown'
   },
   {
+    number: 21,
     id: 'brown21',
     cardFace: './assets/MythicCards/brown/brown21.png',
     difficulty: 'easy',
diff --git a/data/mythicCards/green/indexGreen.js b/data/mythicCards/green/indexGreen.js
index 499f705e..dab9c4d4 100644
--- a/data/mythicCards/green/indexGreen.js
+++ b/data/mythicCards/green/indexGreen.js
@@ -1,107 +1,125 @@
 const cardsDataGreen = [
   {
+    number: 1,
     id: 'green1',
     cardFace: './assets/MythicCards/green/green1.png',
     difficulty: 'easy',
     color:'green'
   },
   {
+    number: 2,
     id: 'green2',
     cardFace: './assets/MythicCards/green/green2.png',
     difficulty: 'hard',
     color:'green'
   },
   {
+    number: 3,
     id: 'green3',
     cardFace: './assets/MythicCards/green/green3.png',
     difficulty: 'hard',
     color:'green'
   },
   {
+    number: 4,
     id: 'green4',
     cardFace: './assets/MythicCards/green/green4.png',
     difficulty: 'hard',
     color:'green'
   },
   {
+    number: 5,
     id: 'green5',
     cardFace: './assets/MythicCards/green/green5.png',
     difficulty: 'hard',
     color:'green'
   },
   {
+    number: 6,
     id: 'green6',
     cardFace: './assets/MythicCards/green/green6.png',
     difficulty: 'hard',
     color:'green'
   },
   {
+    number: 7,
     id: 'green7',
     cardFace: './assets/MythicCards/green/green7.png',
     difficulty: 'normal',
     color:'green'
   },
   {
+    number: 8,
     id: 'green8',
     cardFace: './assets/MythicCards/green/green8.png',
     difficulty: 'normal',
     color:'green'
   },
   {
+    number: 9,
     id: 'green9',
     cardFace: './assets/MythicCards/green/green9.png',
     difficulty: 'normal',
     color:'green'
   },
   {
+    number: 10,
     id: 'green10',
     cardFace: './assets/MythicCards/green/green10.png',
     difficulty: 'normal',
     color:'green'
   },
   {
+    number: 11,
     id: 'green11',
     cardFace: './assets/MythicCards/green/green11.png',
     difficulty: 'normal',
     color:'green'
   },
   {
+    number: 12,
     id: 'green12',
     cardFace: './assets/MythicCards/green/green12.png',
     difficulty: 'easy',
     color:'green'
   },
   {
+    number: 13,
     id: 'green13',
     cardFace: './assets/MythicCards/green/green13.png',
     difficulty: 'normal',
     color:'green'
   },
   {
+    number: 14,
     id: 'green14',
     cardFace: './assets/MythicCards/green/green14.png',
     difficulty: 'normal',
     color:'green'
   },
   {
+    number: 15,
     id: 'green15',
     cardFace: './assets/MythicCards/green/green15.png',
     difficulty: 'normal',
     color:'green'
   },
   {
+    number: 16,
     id: 'green16',
     cardFace: './assets/MythicCards/green/green16.png',
     difficulty: 'easy',
     color:'green'
   },
   {
+    number: 17,
     id: 'green17',
     cardFace: './assets/MythicCards/green/green17.png',
     difficulty: 'easy',
     color:'green'
   },
   {
+    number: 18,
     id: 'green18',
     cardFace: './assets/MythicCards/green/green18.png',
     difficulty: 'easy',
diff --git a/index.html b/index.html
index 3547f23f..1205f0e6 100644
--- a/index.html
+++ b/index.html
@@ -70,6 +70,7 @@
         </div>
     </div>
     <script type="module" src="./index.js"></script>
+    <script type="module" src="./audio.js"></script>
     <script type="module" src="./data/mythicCards/blue/indexBlue.js"></script>
     <script type="module" src="./data/mythicCards/brown/indexBrown.js"></script>
     <script type="module" src="./data/mythicCards/green/indexGreen.js"></script>
diff --git a/index.js b/index.js
index 15fe9412..2aa49d36 100644
--- a/index.js
+++ b/index.js
@@ -3,41 +3,9 @@ import cardsDataBrown from './data/mythicCards/brown/indexBrown.js';
 import cardsDataBlue from './data/mythicCards/blue/indexBlue.js';
 
 // ---------------------------------------
-const knife = new Audio('./assets/Audio/6802dff441a6d4e (mp3cut.net).mp3');
-const rain = document.querySelector('audio');
-const music = new Audio('./assets/Audio/film-ujasov-kino.mp3');
-const difficulty = document.querySelectorAll(".difficulty");
-const takeCard = document.querySelector(".deck");
-const card1 = document.querySelector('.card1');
-const card2 = document.querySelector('.card2');
-const card3 = document.querySelector('.card3');
-const card4 = document.querySelector('.card4');
-
-function playAudio(item, audio, volume) {
-    item.addEventListener("click", () => {
-        audio.play();
-    });
-    audio.volume = volume;
-}
-
-difficulty.forEach(item => {
-    item.addEventListener("click", () => {
-        knife.play();
-        knife.volume = .1;
-    });
-});
-
-playAudio(card1, new Audio('./assets/Audio/monster1.mp3'), .1);
-playAudio(card2, new Audio('./assets/Audio/monster2.mp3'), .1);
-playAudio(card3, new Audio('./assets/Audio/monster3.mp3'), .1);
-playAudio(card4, new Audio('./assets/Audio/monster4.mp3'), .1);
-playAudio(takeCard, new Audio('./assets/Audio/mb_card_deal_08.mp3'), .1);
-
-rain.volume = .5;
-
-// ---------------------------------------
-const cards = document.querySelectorAll('.ancient-cards img')
+const cards = document.querySelectorAll('.ancient-cards img');
 const deck = document.querySelector('.deck-of-cards');
+const difficulty = document.querySelectorAll(".difficulty");
 
 cards.forEach(card => {
     card.addEventListener('click', () => {
@@ -55,2535 +23,336 @@ difficulty.forEach(item => {
 });
 
 // ---------------------------------------
-const firstGreen = document.querySelector('.first-green');
-const firstBrown = document.querySelector('.first-brown');
-const firstBlue = document.querySelector('.first-blue');
-const secondGreen = document.querySelector('.second-green');
-const secondBrown = document.querySelector('.second-brown');
-const secondBlue = document.querySelector('.second-blue');
-const thirdGreen = document.querySelector('.third-green');
-const thirdBrown = document.querySelector('.third-brown');
-const thirdBlue = document.querySelector('.third-blue');
-
-const difficultyBlock = document.querySelector('.difficulty-level');
-
-card1.addEventListener('click', () => {
-    firstGreen.value = 0;
-    firstBrown.value = 2;
-    firstBlue.value = 2;
-    secondGreen.value = 1;
-    secondBrown.value = 3;
-    secondBlue.value = 0;
-    thirdGreen.value = 3;
-    thirdBrown.value = 4;
-    thirdBlue.value = 0;
-    difficultyBlock.classList.add('show');
-    difficultyBlock.classList.remove('hide');
-});
-
-card2.addEventListener('click', () => {
-    firstGreen.value = 1;
-    firstBrown.value = 2;
-    firstBlue.value = 1;
-    secondGreen.value = 3;
-    secondBrown.value = 2;
-    secondBlue.value = 1;
-    thirdGreen.value = 2;
-    thirdBrown.value = 4;
-    thirdBlue.value = 0;
-    difficultyBlock.classList.add('show');
-    difficultyBlock.classList.remove('hide');
-});
-
-card3.addEventListener('click', () => {
-    firstGreen.value = 0;
-    firstBrown.value = 2;
-    firstBlue.value = 1;
-    secondGreen.value = 2;
-    secondBrown.value = 3;
-    secondBlue.value = 1;
-    thirdGreen.value = 3;
-    thirdBrown.value = 4;
-    thirdBlue.value = 0;
-    difficultyBlock.classList.add('show');
-    difficultyBlock.classList.remove('hide');
-});
-
-card4.addEventListener('click', () => {
-    firstGreen.value = 1;
-    firstBrown.value = 2;
-    firstBlue.value = 1;
-    secondGreen.value = 2;
-    secondBrown.value = 3;
-    secondBlue.value = 1;
-    thirdGreen.value = 2;
-    thirdBrown.value = 4;
-    thirdBlue.value = 0;
-    difficultyBlock.classList.add('show');
-    difficultyBlock.classList.remove('hide');
-});
-
-// ---------------------------------------
+const card1 = document.querySelector('.card1');
+const card2 = document.querySelector('.card2');
+const card3 = document.querySelector('.card3');
+const card4 = document.querySelector('.card4');
 
-let arrayOfGreenEasy = []; // 5
-let arrayOfBrownEasy = []; // 5
-let arrayOfBlueEasy = []; // 4
+const veryEasy = document.querySelector('.very-easy');
+const easy = document.querySelector('.easy');
+const normal = document.querySelector('.normal');
+const hard = document.querySelector('.hard');
+const veryHard = document.querySelector('.very-hard');
 
-let arrayOfGreenNormal = []; // 8
-let arrayOfBrownNormal = []; // 11
-let arrayOfBlueNormal = []; // 4
+const firstGreenValue = document.querySelector('.first-green');
+const firstBrownValue = document.querySelector('.first-brown');
+const firstBlueValue = document.querySelector('.first-blue');
 
-let arrayOfGreenHard = []; // 5
-let arrayOfBrownHard = []; // 5
-let arrayOfBlueHard = []; // 4
+const secondGreenValue = document.querySelector('.second-green');
+const secondBrownValue = document.querySelector('.second-brown');
+const secondBlueValue = document.querySelector('.second-blue');
 
-for (let i = 0; i < cardsDataGreen.length; i++) {
-    if (cardsDataGreen[i].difficulty === 'easy') {
-        arrayOfGreenEasy.push(cardsDataGreen[i]);
-    } else if (cardsDataGreen[i].difficulty === 'normal') {
-        arrayOfGreenNormal.push(cardsDataGreen[i]);
-    } else {
-        arrayOfGreenHard.push(cardsDataGreen[i]);
-    }
-}
+const thirdGreenValue = document.querySelector('.third-green');
+const thirdBrownValue = document.querySelector('.third-brown');
+const thirdBlueValue = document.querySelector('.third-blue');
 
-for (let i = 0; i < cardsDataBrown.length; i++) {
-    if (cardsDataBrown[i].difficulty === 'easy') {
-        arrayOfBrownEasy.push(cardsDataBrown[i]);
-    } else if (cardsDataBrown[i].difficulty === 'normal') {
-        arrayOfBrownNormal.push(cardsDataBrown[i]);
-    } else {
-        arrayOfBrownHard.push(cardsDataBrown[i]);
-    }
-}
+const randomCard = document.querySelector('.random-card');
 
-for (let i = 0; i < cardsDataBlue.length; i++) {
-    if (cardsDataBlue[i].difficulty === 'easy') {
-        arrayOfBlueEasy.push(cardsDataBlue[i]);
-    } else if (cardsDataBlue[i].difficulty === 'normal') {
-        arrayOfBlueNormal.push(cardsDataBlue[i]);
-    } else {
-        arrayOfBlueHard.push(cardsDataBlue[i]);
+function shuffle(array) {
+    array.sort(() => Math.random() - 0.5);
+    return array;
+};
+
+function cardsColorValue(value_1, value_2, value_3, value_4, value_5, value_6, value_7, value_8, value_9) {
+    document.querySelector('.first-green').value = value_1;
+    document.querySelector('.first-brown').value = value_2;
+    document.querySelector('.first-blue').value = value_3;
+    document.querySelector('.second-green').value = value_4;
+    document.querySelector('.second-brown').value = value_5;
+    document.querySelector('.second-blue').value = value_6;
+    document.querySelector('.third-green').value = value_7;
+    document.querySelector('.third-brown').value = value_8;
+    document.querySelector('.third-blue').value = value_9;
+    return value_1 + +value_2 + +value_3 + +value_4 + +value_5 + +value_6 + +value_7 + +value_8 + +value_9;
+};
+
+function sumValues(card) {
+    if (card === 'card1') {
+        return cardsColorValue(0, 2, 2, 1, 3, 0, 3, 4, 0);
     }
-}
-
-// ---------------------------------------
-
-const veryEasyDifficult = document.querySelector('.very-easy');
-const easyDifficult = document.querySelector('.easy');
-const normalDifficult = document.querySelector('.normal');
-const hardDifficult = document.querySelector('.hard');
-const veryHardDifficult = document.querySelector('.very-hard');
-
-let deckFirstStage = [];
-let deckSecondStage = [];
-let deckThirdStage = [];
-
-function sumCardsValues(color) {
-
-    if (color === 'green') {
-        return +firstGreen.value + +secondGreen.value + +thirdGreen.value;
+    if (card === 'card2') {
+        return cardsColorValue(1, 2, 1, 3, 2, 1, 2, 4, 0);
     }
-    if (color === 'brown') {
-        return +firstBrown.value + +secondBrown.value + +thirdBrown.value;
+    if (card === 'card3') {
+        return cardsColorValue(0, 2, 1, 2, 3, 1, 3, 4, 0);
     }
-    if (color === 'blue') {
-        return +firstBlue.value + +secondBlue.value + +thirdBlue.value;
+    if (card === 'card4') {
+        return cardsColorValue(1, 2, 1, 2, 3, 1, 2, 4, 0);
     }
-}
-
-function shuffle(array) {
-    array.sort(() => Math.random() - 0.5);
-}
-
-card1.addEventListener('click', () => {
-
-    takeCard.classList.remove('hide');
-
-    veryEasyDifficult.addEventListener('click', () => {
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        for (let i = 0; i < sumCardsValues('green'); i++) {
-            requiredCardsGreen.push(arrayOfGreenEasy[i]);
-        }
-
-        if (arrayOfBrownEasy.length <= sumCardsValues('brown')) {
-            arrayOfBrownEasy.forEach(item => requiredCardsBrown.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('brown') - arrayOfBrownEasy.length; i++) {
-            requiredCardsBrown.push(arrayOfBrownNormal[i]);
-        }
+};
 
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_1 = firstBrown.value
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = thirdBrown.value;
-        while (value_3 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_3--;
-        }
-
-        let value_4 = secondGreen.value;
-        while (value_4 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_4--;
-        }
-
-        let value_5 = thirdGreen.value;
-        while (value_5 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_5--;
-        }
-
-        let value_6 = firstBlue.value;
-        while (value_6 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_6--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstBrownArray.concat(firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    });
-
-    easyDifficult.addEventListener('click', () => {
-
-        let arrayOfGreenEasyAndVeryEasy = arrayOfGreenEasy.concat(arrayOfGreenNormal);
-        let arrayOfBrownEasyAndVeryEasy = arrayOfBrownEasy.concat(arrayOfBrownNormal);
-        let arrayOfBlueEasyAndVeryEasy = arrayOfBlueEasy.concat(arrayOfBlueNormal);
-
-        shuffle(arrayOfGreenEasyAndVeryEasy);
-        shuffle(arrayOfBrownEasyAndVeryEasy);
-        shuffle(arrayOfBlueEasyAndVeryEasy);
-
-        // ----------------------------------- //
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        for (let i = 0; i < sumCardsValues('green'); i++) {
-            requiredCardsGreen.push(arrayOfGreenEasyAndVeryEasy[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('brown'); i++) {
-            requiredCardsBrown.push(arrayOfBrownEasyAndVeryEasy[i]);
-        }
+let allCards = cardsDataGreen.concat(cardsDataBrown, cardsDataBlue);
 
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasyAndVeryEasy[i]);
+function createArrayWithColorAndDifficult(color, difficulty) {
+    let array = [];
+    for (let i = 0; i < allCards.length; i++) {
+        if (allCards[i].color === color && allCards[i].difficulty === difficulty) {
+            array.push(allCards[i]);
         }
+    }
+    return array;
+}
 
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_1 = firstBrown.value
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
+let arrayEasyNormalGreen = createArrayWithColorAndDifficult('green', 'easy').concat(createArrayWithColorAndDifficult('green', 'normal'));
+let arrayEasyNormalBrown = createArrayWithColorAndDifficult('brown', 'easy').concat(createArrayWithColorAndDifficult('brown', 'normal'));
+let arrayEasyNormalBlue = createArrayWithColorAndDifficult('blue', 'easy').concat(createArrayWithColorAndDifficult('blue', 'normal'));
 
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
+let arrayHardNormalGreen = createArrayWithColorAndDifficult('green', 'hard').concat(createArrayWithColorAndDifficult('green', 'normal'));
+let arrayHardNormalBrown = createArrayWithColorAndDifficult('brown', 'hard').concat(createArrayWithColorAndDifficult('brown', 'normal'));
+let arrayHardNormalBlue = createArrayWithColorAndDifficult('blue', 'hard').concat(createArrayWithColorAndDifficult('blue', 'normal'));
 
-        let value_3 = thirdBrown.value;
-        while (value_3 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_3--;
+function pushFromArray_1(dif, stage, value, array, dif_1) {
+    if (dif == 'simple') {
+        shuffle(array);
+        for (let i = 0; i < value; i++) {
+            stage.push(array[0]);
+            array.shift();
         }
-
-        let value_4 = secondGreen.value;
-        while (value_4 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_4--;
+    }
+    if (dif == 'complex') {
+        for (let i = 0; i < value; i++) {
+            if (array[0].difficulty === dif_1) {
+                stage.push(array[0]);
+                array.shift();
+            } else if (array[0].difficulty === 'normal') {
+                shuffle(array);
+                stage.push(array[0]);
+                array.shift();
+            }
         }
+    }
+}
 
-        let value_5 = thirdGreen.value;
-        while (value_5 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_5--;
+function createArrayOfStage(dif, arr_1, arr_2, arr_3, val_1, val_2, val_3, val_4, val_5, val_6, val_7, val_8, val_9, dif_1) {
+    let stage_1 = []; let stage_2 = []; let stage_3 = [];
+    let stage_4 = []; let stage_5 = []; let stage_6 = [];
+    let stage_7 = []; let stage_8 = []; let stage_9 = [];
+
+    pushFromArray_1(dif, stage_1, val_1, arr_1, dif_1);
+    pushFromArray_1(dif, stage_2, val_2, arr_2, dif_1);
+    pushFromArray_1(dif, stage_3, val_3, arr_3, dif_1);
+    pushFromArray_1(dif, stage_4, val_4, arr_1, dif_1);
+    pushFromArray_1(dif, stage_5, val_5, arr_2, dif_1);
+    pushFromArray_1(dif, stage_6, val_6, arr_3, dif_1);
+    pushFromArray_1(dif, stage_7, val_7, arr_1, dif_1);
+    pushFromArray_1(dif, stage_8, val_8, arr_2, dif_1);
+    pushFromArray_1(dif, stage_9, val_9, arr_3, dif_1);
+
+    return shuffle(stage_1.concat(stage_2, stage_3, stage_4, stage_5, stage_6, stage_7, stage_8, stage_9));
+};
+
+let green_1 = [];
+let brown_1 = [];
+let blue_1 = [];
+
+let green_2 = [];
+let brown_2 = [];
+let blue_2 = [];
+
+let green_3 = [];
+let brown_3 = [];
+let blue_3 = [];
+
+function splitArrayOfCards(cards, array, color, value) {
+    for (let i = 0; i < cards.length; i++) {
+        if (cards[i].color === color) {
+            array.push(cards[i]);
         }
-
-        let value_6 = firstBlue.value;
-        while (value_6 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_6--;
+    }
+    array.length = value;
+    for (let i = 0; i < cards.length; i++) {
+        let myIndex = cards.indexOf(array[i]);
+        if (myIndex !== -1) {
+            cards.splice(myIndex, 1);
         }
+    }
+    return shuffle(array);
+};
+
+let array1 = [];
+let array2 = [];
+let array3 = [];
+
+function divisionToCircles(cards, array) {
+    splitArrayOfCards(cards, green_1, 'green', array[0]);
+    splitArrayOfCards(cards, brown_1, 'brown', array[1]);
+    splitArrayOfCards(cards, blue_1, 'blue', array[2]);
+    splitArrayOfCards(cards, green_2, 'green', array[3]);
+    splitArrayOfCards(cards, brown_2, 'brown', array[4]);
+    splitArrayOfCards(cards, blue_2, 'blue', array[5]);
+    splitArrayOfCards(cards, green_3, 'green', array[6]);
+    splitArrayOfCards(cards, brown_3, 'brown', array[7]);
+    splitArrayOfCards(cards, blue_3, 'blue', array[8]);
+    array1 = sumValuesCirclesOneStage(green_1, brown_1, blue_1);
+    array2 = sumValuesCirclesOneStage(green_2, brown_2, blue_2);
+    array3 = sumValuesCirclesOneStage(green_3, brown_3, blue_3);
+};
 
-        // ----------------------------------- //
-
-        let firstCards = firstBrownArray.concat(firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
+card1.addEventListener('click', () => {
+    document.querySelector('.difficulty-level').classList.add('show');
+    cardsColorValue(0, 2, 2, 1, 3, 0, 3, 4, 0);
+    let array = [0, 2, 2, 1, 3, 0, 3, 4, 0];
+    veryEasy.addEventListener('click', () => {
+        let cards = createArrayOfStage('complex', arrayEasyNormalGreen, arrayEasyNormalBrown, arrayEasyNormalBlue, 0, 2, 2, 1, 3, 0, 3, 4, 0, 'easy');
+        divisionToCircles(cards, array);
     })
-
-    normalDifficult.addEventListener('click', () => {
-
-        let arrayOfGreen = arrayOfGreenEasy.concat(arrayOfGreenNormal, arrayOfGreenHard);
-        let arrayOfBrown = arrayOfBrownEasy.concat(arrayOfBrownNormal, arrayOfBrownHard);
-        let arrayOfBlue = arrayOfBlueEasy.concat(arrayOfBlueNormal, arrayOfBlueHard);
-
-        shuffle(arrayOfGreen);
-        shuffle(arrayOfBrown);
-        shuffle(arrayOfBlue);
-
-        // ----------------------------------- //
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        for (let i = 0; i < sumCardsValues('green'); i++) {
-            requiredCardsGreen.push(arrayOfGreen[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('brown'); i++) {
-            requiredCardsBrown.push(arrayOfBrown[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlue[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstGreenArray = [];
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value;
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
-        }
-
-        let value_1 = firstBrown.value;
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = thirdBrown.value;
-        while (value_3 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_3--;
-        }
-
-        let value_4 = secondGreen.value;
-        while (value_4 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_4--;
-        }
-
-        let value_5 = secondBlue.value;
-        while (value_5 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_5--;
-        }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
-        }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstGreenArray.concat(firstBrownArray, firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
+    easy.addEventListener('click', () => {
+        let cards = createArrayOfStage('simple', arrayEasyNormalGreen, arrayEasyNormalBrown, arrayEasyNormalBlue, 0, 2, 2, 1, 3, 0, 3, 4, 0);
+        divisionToCircles(cards, array);
+    })
+    normal.addEventListener('click', () => {
+        let cards = createArrayOfStage('simple', cardsDataGreen, cardsDataBrown, cardsDataBlue, 0, 2, 2, 1, 3, 0, 3, 4, 0);
+        divisionToCircles(cards, array);
+    })
+    hard.addEventListener('click', () => {
+        let cards = createArrayOfStage('simple', arrayHardNormalGreen, arrayHardNormalBrown, arrayHardNormalBlue, 0, 2, 2, 1, 3, 0, 3, 4, 0);
+        divisionToCircles(cards, array);
+    })
+    veryHard.addEventListener('click', () => {
+        let cards = createArrayOfStage('complex', arrayHardNormalGreen, arrayHardNormalBrown, arrayHardNormalBlue, 0, 2, 2, 1, 3, 0, 3, 4, 0, 'hard');
+        divisionToCircles(cards, array);
     })
 
-    hardDifficult.addEventListener('click', () => {
-
-        let arrayOfGreenNormalAndHard = arrayOfGreenNormal.concat(arrayOfGreenHard);
-        let arrayOfBrownNormalAndHard = arrayOfBrownNormal.concat(arrayOfBrownHard);
-        let arrayOfBlueNormalAndHard = arrayOfBlueNormal.concat(arrayOfBlueHard);
-
-        shuffle(arrayOfGreenNormalAndHard);
-        shuffle(arrayOfBrownNormalAndHard);
-        shuffle(arrayOfBlueNormalAndHard);
-
-        // ----------------------------------- //
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        for (let i = 0; i < sumCardsValues('green'); i++) {
-            requiredCardsGreen.push(arrayOfGreenNormalAndHard[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('brown'); i++) {
-            requiredCardsBrown.push(arrayOfBrownNormalAndHard[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueNormalAndHard[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstGreenArray = [];
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value;
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
-        }
-
-        let value_1 = firstBrown.value;
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = thirdBrown.value;
-        while (value_3 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_3--;
-        }
-
-        let value_4 = secondGreen.value;
-        while (value_4 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_4--;
-        }
-
-        let value_5 = secondBlue.value;
-        while (value_5 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_5--;
-        }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
-        }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstGreenArray.concat(firstBrownArray, firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
+});
 
+card2.addEventListener('click', () => {
+    document.querySelector('.difficulty-level').classList.add('show');
+    cardsColorValue(1, 2, 1, 3, 2, 1, 2, 4, 0);
+    let array = [1, 2, 1, 3, 2, 1, 2, 4, 0];
+    veryEasy.addEventListener('click', () => {
+        let cards = createArrayOfStage('complex', arrayEasyNormalGreen, arrayEasyNormalBrown, arrayEasyNormalBlue, 1, 2, 1, 3, 2, 1, 2, 4, 0, 'easy');
+        divisionToCircles(cards, array);
     })
+    easy.addEventListener('click', () => {
+        let cards = createArrayOfStage('simple', arrayEasyNormalGreen, arrayEasyNormalBrown, arrayEasyNormalBlue, 1, 2, 1, 3, 2, 1, 2, 4, 0);
+        divisionToCircles(cards, array);
+    })
+    normal.addEventListener('click', () => {
+        let cards = createArrayOfStage('simple', cardsDataGreen, cardsDataBrown, cardsDataBlue, 1, 2, 1, 3, 2, 1, 2, 4, 0);
+        divisionToCircles(cards, array);
+    })
+    hard.addEventListener('click', () => {
+        let cards = createArrayOfStage('simple', arrayHardNormalGreen, arrayHardNormalBrown, arrayHardNormalBlue, 1, 2, 1, 3, 2, 1, 2, 4, 0);
+        divisionToCircles(cards, array);
+    })
+    veryHard.addEventListener('click', () => {
+        let cards = createArrayOfStage('complex', arrayHardNormalGreen, arrayHardNormalBrown, arrayHardNormalBlue, 1, 2, 1, 3, 2, 1, 2, 4, 0, 'hard');
+        divisionToCircles(cards, array);
+    })
+});
 
-    veryHardDifficult.addEventListener('click', () => {
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
+card3.addEventListener('click', () => {
+    document.querySelector('.difficulty-level').classList.add('show');
+    cardsColorValue(0, 2, 1, 2, 3, 1, 3, 4, 0);
+    let array = [0, 2, 1, 2, 3, 1, 3, 4, 0];
+    veryEasy.addEventListener('click', () => {
+        let cards = createArrayOfStage('complex', arrayEasyNormalGreen, arrayEasyNormalBrown, arrayEasyNormalBlue, 0, 2, 1, 2, 3, 1, 3, 4, 0, 'easy');
+        divisionToCircles(cards, array);
+    })
+    easy.addEventListener('click', () => {
+        let cards = createArrayOfStage('simple', arrayEasyNormalGreen, arrayEasyNormalBrown, arrayEasyNormalBlue, 0, 2, 1, 2, 3, 1, 3, 4, 0);
+        divisionToCircles(cards, array);
+    })
+    normal.addEventListener('click', () => {
+        let cards = createArrayOfStage('simple', cardsDataGreen, cardsDataBrown, cardsDataBlue, 0, 2, 1, 2, 3, 1, 3, 4, 0);
+        divisionToCircles(cards, array);
+    })
+    hard.addEventListener('click', () => {
+        let cards = createArrayOfStage('simple', arrayHardNormalGreen, arrayHardNormalBrown, arrayHardNormalBlue, 0, 2, 1, 2, 3, 1, 3, 4, 0);
+        divisionToCircles(cards, array);
+    })
+    veryHard.addEventListener('click', () => {
+        let cards = createArrayOfStage('complex', arrayHardNormalGreen, arrayHardNormalBrown, arrayHardNormalBlue, 0, 2, 1, 2, 3, 1, 3, 4, 0, 'hard');
+        divisionToCircles(cards, array);
+    })
+});
 
-        for (let i = 0; i < sumCardsValues('green'); i++) {
-            requiredCardsGreen.push(arrayOfGreenHard[i]);
-        }
+card4.addEventListener('click', () => {
+    document.querySelector('.difficulty-level').classList.add('show');
+    cardsColorValue(1, 2, 1, 2, 3, 1, 2, 4, 0);
+    let array = [1, 2, 1, 2, 3, 1, 2, 4, 0];
+    veryEasy.addEventListener('click', () => {
+        let cards = createArrayOfStage('complex', arrayEasyNormalGreen, arrayEasyNormalBrown, arrayEasyNormalBlue, 1, 2, 1, 2, 3, 1, 2, 4, 0, 'easy');
+        divisionToCircles(cards, array);
+    })
+    easy.addEventListener('click', () => {
+        let cards = createArrayOfStage(arrayEasyNormalGreen, arrayEasyNormalBrown, arrayEasyNormalBlue, 1, 2, 1, 2, 3, 1, 2, 4, 0);
+        divisionToCircles(cards, array);
+    })
+    normal.addEventListener('click', () => {
+        let cards = createArrayOfStage(cardsDataGreen, cardsDataBrown, cardsDataBlue, 1, 2, 1, 2, 3, 1, 2, 4, 0);
+        divisionToCircles(cards, array);
+    })
+    hard.addEventListener('click', () => {
+        let cards = createArrayOfStage(arrayHardNormalGreen, arrayHardNormalBrown, arrayHardNormalBlue, 1, 2, 1, 2, 3, 1, 2, 4, 0);
+        divisionToCircles(cards, array);
+    })
+    veryHard.addEventListener('click', () => {
+        let cards = createArrayOfStage('complex', arrayHardNormalGreen, arrayHardNormalBrown, arrayHardNormalBlue, 1, 2, 1, 2, 3, 1, 2, 4, 0, 'hard');
+        divisionToCircles(cards, array);
+    })
+});
 
-        if (arrayOfBrownHard.length <= sumCardsValues('brown')) {
-            arrayOfBrownHard.forEach(item => requiredCardsBrown.push(item));
-        }
+function sumValuesCirclesOneStage(circle_1, circle_2, circle_3) {
+    return circle_1.concat(circle_2, circle_3);
+}
 
-        for (let i = 0; i < sumCardsValues('brown') - arrayOfBrownHard.length; i++) {
-            requiredCardsBrown.push(arrayOfBrownNormal[i]);
-        }
+document.querySelector('.deck').addEventListener('click', () => {
 
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueHard[i]);
+    randomCard.classList.add('show');
+    shuffle(array1);
+    shuffle(array2);
+    shuffle(array3);
+    if (array1.length > 0) {
+        randomCard.style.background = `url(${array1[0].cardFace}) center/cover`;
+        if (array1[0].color === 'green') {
+            firstGreenValue.value--;
         }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstGreenArray = [];
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value;
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
+        if (array1[0].color === 'brown') {
+            firstBrownValue.value--;
         }
-
-        let value_1 = firstBrown.value;
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
+        if (array1[0].color === 'blue') {
+            firstBlueValue.value--;
         }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
+        array1.shift();
+    } else if (array1.length === 0 && array2.length > 0) {
+        randomCard.style.background = `url(${array2[0].cardFace}) center/cover`;
+        if (array2[0].color === 'green') {
+            secondGreenValue.value--;
         }
-
-        let value_3 = thirdBrown.value;
-        while (value_3 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_3--;
+        if (array2[0].color === 'brown') {
+            secondBrownValue.value--;
         }
-
-        let value_4 = secondGreen.value;
-        while (value_4 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_4--;
+        if (array2[0].color === 'blue') {
+            secondBlueValue.value--;
         }
-
-        let value_5 = secondBlue.value;
-        while (value_5 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_5--;
+        array2.shift();
+    } else if (array2.length === 0 && array3.length > 0) {
+        randomCard.style.background = `url(${array3[0].cardFace}) center/cover`;
+        if (array3[0].color === 'green') {
+            thirdGreenValue.value--;
         }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
+        if (array3[0].color === 'brown') {
+            thirdBrownValue.value--;
         }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
+        if (array3[0].color === 'blue') {
+            thirdBlueValue.value--;
         }
-
-        // ----------------------------------- //
-
-        let firstCards = firstGreenArray.concat(firstBrownArray, firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-    })
-
+        array3.shift();
+    }
+    if (thirdGreenValue.value == 0 && thirdBrownValue.value == 0 && thirdBlueValue.value == 0) {
+        function hideBlock() {
+            document.querySelector('.difficulty-level').classList.remove('show');
+            document.querySelector('.deck-of-cards').classList.remove('show');
+        }
+        setTimeout(hideBlock, 5000);
+        cards.forEach(card => {
+            card.classList.remove('fire-border');
+        });
+        
+        difficulty.forEach(item => {
+            item.classList.remove('fire-border');
+        });
+        new Audio('./assets/Audio/film-ujasov-kino.mp3').play();
+    }
 });
-
-card2.addEventListener('click', () => {
-
-    takeCard.classList.remove('hide');
-
-    veryEasyDifficult.addEventListener('click', () => {
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        if (arrayOfGreenEasy.length <= sumCardsValues('green')) {
-            arrayOfGreenEasy.forEach(item => requiredCardsGreen.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('green') - arrayOfGreenEasy.length; i++) {
-            requiredCardsGreen.push(arrayOfGreenNormal[i]);
-        }
-
-        if (arrayOfBrownEasy.length <= sumCardsValues('brown')) {
-            arrayOfBrownEasy.forEach(item => requiredCardsBrown.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('brown') - arrayOfBrownEasy.length; i++) {
-            requiredCardsBrown.push(arrayOfBrownNormal[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstGreenArray = [];
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value;
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
-        }
-
-        let value_1 = firstBrown.value;
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = thirdBrown.value;
-        while (value_3 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_3--;
-        }
-
-        let value_4 = secondGreen.value;
-        while (value_4 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_4--;
-        }
-
-        let value_5 = secondBlue.value;
-        while (value_5 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_5--;
-        }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
-        }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstGreenArray.concat(firstBrownArray, firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    });
-
-    easyDifficult.addEventListener('click', () => {
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        if (arrayOfGreenEasy.length <= sumCardsValues('green')) {
-            arrayOfGreenEasy.forEach(item => requiredCardsGreen.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('green') - arrayOfGreenEasy.length; i++) {
-            requiredCardsGreen.push(arrayOfGreenNormal[i]);
-        }
-
-        if (arrayOfBrownEasy.length <= sumCardsValues('brown')) {
-            arrayOfBrownEasy.forEach(item => requiredCardsBrown.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('brown') - arrayOfBrownEasy.length; i++) {
-            requiredCardsBrown.push(arrayOfBrownNormal[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstGreenArray = [];
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value;
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
-        }
-
-        let value_1 = firstBrown.value;
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = thirdBrown.value;
-        while (value_3 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_3--;
-        }
-
-        let value_4 = secondGreen.value;
-        while (value_4 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_4--;
-        }
-
-        let value_5 = secondBlue.value;
-        while (value_5 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_5--;
-        }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
-        }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstBrownArray.concat(firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    })
-
-    normalDifficult.addEventListener('click', () => {
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        if (arrayOfGreenEasy.length <= sumCardsValues('green')) {
-            arrayOfGreenEasy.forEach(item => requiredCardsGreen.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('green') - arrayOfGreenEasy.length; i++) {
-            requiredCardsGreen.push(arrayOfGreenNormal[i]);
-        }
-
-        if (arrayOfBrownEasy.length <= sumCardsValues('brown')) {
-            arrayOfBrownEasy.forEach(item => requiredCardsBrown.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('brown') - arrayOfBrownEasy.length; i++) {
-            requiredCardsBrown.push(arrayOfBrownNormal[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstGreenArray = [];
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value;
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
-        }
-
-        let value_1 = firstBrown.value;
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = thirdBrown.value;
-        while (value_3 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_3--;
-        }
-
-        let value_4 = secondGreen.value;
-        while (value_4 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_4--;
-        }
-
-        let value_5 = secondBlue.value;
-        while (value_5 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_5--;
-        }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
-        }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstGreenArray.concat(firstBrownArray, firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    })
-
-    hardDifficult.addEventListener('click', () => {
-
-        let arrayOfGreenNormalAndHard = arrayOfGreenNormal.concat(arrayOfGreenHard);
-        let arrayOfBrownNormalAndHard = arrayOfBrownNormal.concat(arrayOfBrownHard);
-        let arrayOfBlueNormalAndHard = arrayOfBlueNormal.concat(arrayOfBlueHard);
-
-        shuffle(arrayOfGreenNormalAndHard);
-        shuffle(arrayOfBrownNormalAndHard);
-        shuffle(arrayOfBlueNormalAndHard);
-
-        // ----------------------------------- //
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        if (arrayOfGreenEasy.length <= sumCardsValues('green')) {
-            arrayOfGreenEasy.forEach(item => requiredCardsGreen.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('green') - arrayOfGreenEasy.length; i++) {
-            requiredCardsGreen.push(arrayOfGreenNormal[i]);
-        }
-
-        if (arrayOfBrownEasy.length <= sumCardsValues('brown')) {
-            arrayOfBrownEasy.forEach(item => requiredCardsBrown.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('brown') - arrayOfBrownEasy.length; i++) {
-            requiredCardsBrown.push(arrayOfBrownNormal[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstGreenArray = [];
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value;
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
-        }
-
-        let value_1 = firstBrown.value;
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = thirdBrown.value;
-        while (value_3 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_3--;
-        }
-
-        let value_4 = secondGreen.value;
-        while (value_4 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_4--;
-        }
-
-        let value_5 = secondBlue.value;
-        while (value_5 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_5--;
-        }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
-        }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstGreenArray.concat(firstBrownArray, firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    })
-
-    veryHardDifficult.addEventListener('click', () => {
-
-
-        let arrayOfGreenNormalAndHard = arrayOfGreenNormal.concat(arrayOfGreenHard);
-        let arrayOfBrownNormalAndHard = arrayOfBrownNormal.concat(arrayOfBrownHard);
-        let arrayOfBlueNormalAndHard = arrayOfBlueNormal.concat(arrayOfBlueHard);
-
-        shuffle(arrayOfGreenNormalAndHard);
-        shuffle(arrayOfBrownNormalAndHard);
-        shuffle(arrayOfBlueNormalAndHard);
-
-        // ----------------------------------- //
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        if (arrayOfGreenEasy.length <= sumCardsValues('green')) {
-            arrayOfGreenEasy.forEach(item => requiredCardsGreen.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('green') - arrayOfGreenEasy.length; i++) {
-            requiredCardsGreen.push(arrayOfGreenNormal[i]);
-        }
-
-        if (arrayOfBrownEasy.length <= sumCardsValues('brown')) {
-            arrayOfBrownEasy.forEach(item => requiredCardsBrown.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('brown') - arrayOfBrownEasy.length; i++) {
-            requiredCardsBrown.push(arrayOfBrownNormal[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstGreenArray = [];
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value;
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
-        }
-
-        let value_1 = firstBrown.value;
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = thirdBrown.value;
-        while (value_3 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_3--;
-        }
-
-        let value_4 = secondGreen.value;
-        while (value_4 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_4--;
-        }
-
-        let value_5 = secondBlue.value;
-        while (value_5 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_5--;
-        }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
-        }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstGreenArray.concat(firstBrownArray, firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    })
-
-});
-
-card3.addEventListener('click', () => {
-
-    takeCard.classList.remove('hide');
-
-    veryEasyDifficult.addEventListener('click', () => {
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        for (let i = 0; i < sumCardsValues('green'); i++) {
-            requiredCardsGreen.push(arrayOfGreenEasy[i]);
-        }
-
-        if (arrayOfBrownEasy.length <= sumCardsValues('brown')) {
-            arrayOfBrownEasy.forEach(item => requiredCardsBrown.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('brown') - arrayOfBrownEasy.length; i++) {
-            requiredCardsBrown.push(arrayOfBrownNormal[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstBrown.value
-        while (value_0 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_0--;
-        }
-
-        let value_1 = secondBrown.value;
-        while (value_1 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBlue.value;
-        while (value_2 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_2--;
-        }
-
-        let value_3 = thirdBrown.value;
-        while (value_3 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_3--;
-        }
-
-        let value_4 = secondGreen.value;
-        while (value_4 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_4--;
-        }
-
-        let value_5 = thirdGreen.value;
-        while (value_5 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_5--;
-        }
-
-        let value_6 = firstBlue.value;
-        while (value_6 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_6--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstBrownArray.concat(firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    });
-
-    easyDifficult.addEventListener('click', () => {
-
-        let arrayOfGreenEasyAndVeryEasy = arrayOfGreenEasy.concat(arrayOfGreenNormal);
-        let arrayOfBrownEasyAndVeryEasy = arrayOfBrownEasy.concat(arrayOfBrownNormal);
-        let arrayOfBlueEasyAndVeryEasy = arrayOfBlueEasy.concat(arrayOfBlueNormal);
-
-        shuffle(arrayOfGreenEasyAndVeryEasy);
-        shuffle(arrayOfBrownEasyAndVeryEasy);
-        shuffle(arrayOfBlueEasyAndVeryEasy);
-
-        // ----------------------------------- //
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        for (let i = 0; i < sumCardsValues('green'); i++) {
-            requiredCardsGreen.push(arrayOfGreenEasyAndVeryEasy[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('brown'); i++) {
-            requiredCardsBrown.push(arrayOfBrownEasyAndVeryEasy[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasyAndVeryEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstBrown.value
-        while (value_0 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_0--;
-        }
-
-        let value_1 = secondBrown.value;
-        while (value_1 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBlue.value;
-        while (value_2 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_2--;
-        }
-
-        let value_3 = thirdBrown.value;
-        while (value_3 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_3--;
-        }
-
-        let value_4 = secondGreen.value;
-        while (value_4 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_4--;
-        }
-
-        let value_5 = thirdGreen.value;
-        while (value_5 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_5--;
-        }
-
-        let value_6 = firstBlue.value;
-        while (value_6 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_6--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstBrownArray.concat(firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    })
-
-    normalDifficult.addEventListener('click', () => {
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        if (arrayOfGreenEasy.length <= sumCardsValues('green')) {
-            arrayOfGreenEasy.forEach(item => requiredCardsGreen.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('green') - arrayOfGreenEasy.length; i++) {
-            requiredCardsGreen.push(arrayOfGreenNormal[i]);
-        }
-
-        if (arrayOfBrownEasy.length <= sumCardsValues('brown')) {
-            arrayOfBrownEasy.forEach(item => requiredCardsBrown.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('brown') - arrayOfBrownEasy.length; i++) {
-            requiredCardsBrown.push(arrayOfBrownNormal[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstGreenArray = [];
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value;
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
-        }
-
-        let value_1 = firstBrown.value;
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = thirdBrown.value;
-        while (value_3 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_3--;
-        }
-
-        let value_4 = secondGreen.value;
-        while (value_4 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_4--;
-        }
-
-        let value_5 = secondBlue.value;
-        while (value_5 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_5--;
-        }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
-        }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstGreenArray.concat(firstBrownArray, firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    })
-
-    hardDifficult.addEventListener('click', () => {
-
-        let arrayOfGreenNormalAndHard = arrayOfGreenNormal.concat(arrayOfGreenHard);
-        let arrayOfBrownNormalAndHard = arrayOfBrownNormal.concat(arrayOfBrownHard);
-        let arrayOfBlueNormalAndHard = arrayOfBlueNormal.concat(arrayOfBlueHard);
-
-        shuffle(arrayOfGreenNormalAndHard);
-        shuffle(arrayOfBrownNormalAndHard);
-        shuffle(arrayOfBlueNormalAndHard);
-
-        // ----------------------------------- //
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        if (arrayOfGreenEasy.length <= sumCardsValues('green')) {
-            arrayOfGreenEasy.forEach(item => requiredCardsGreen.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('green') - arrayOfGreenEasy.length; i++) {
-            requiredCardsGreen.push(arrayOfGreenNormal[i]);
-        }
-
-        if (arrayOfBrownEasy.length <= sumCardsValues('brown')) {
-            arrayOfBrownEasy.forEach(item => requiredCardsBrown.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('brown') - arrayOfBrownEasy.length; i++) {
-            requiredCardsBrown.push(arrayOfBrownNormal[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstGreenArray = [];
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value;
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
-        }
-
-        let value_1 = firstBrown.value;
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = thirdBrown.value;
-        while (value_3 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_3--;
-        }
-
-        let value_4 = secondGreen.value;
-        while (value_4 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_4--;
-        }
-
-        let value_5 = secondBlue.value;
-        while (value_5 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_5--;
-        }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
-        }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstGreenArray.concat(firstBrownArray, firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    })
-
-    veryHardDifficult.addEventListener('click', () => {
-
-
-        let arrayOfGreenNormalAndHard = arrayOfGreenNormal.concat(arrayOfGreenHard);
-        let arrayOfBrownNormalAndHard = arrayOfBrownNormal.concat(arrayOfBrownHard);
-        let arrayOfBlueNormalAndHard = arrayOfBlueNormal.concat(arrayOfBlueHard);
-
-        shuffle(arrayOfGreenNormalAndHard);
-        shuffle(arrayOfBrownNormalAndHard);
-        shuffle(arrayOfBlueNormalAndHard);
-
-        // ----------------------------------- //
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        if (arrayOfGreenEasy.length <= sumCardsValues('green')) {
-            arrayOfGreenEasy.forEach(item => requiredCardsGreen.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('green') - arrayOfGreenEasy.length; i++) {
-            requiredCardsGreen.push(arrayOfGreenNormal[i]);
-        }
-
-        if (arrayOfBrownEasy.length <= sumCardsValues('brown')) {
-            arrayOfBrownEasy.forEach(item => requiredCardsBrown.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('brown') - arrayOfBrownEasy.length; i++) {
-            requiredCardsBrown.push(arrayOfBrownNormal[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstGreenArray = [];
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value;
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
-        }
-
-        let value_1 = firstBrown.value;
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = thirdBrown.value;
-        while (value_3 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_3--;
-        }
-
-        let value_4 = secondGreen.value;
-        while (value_4 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_4--;
-        }
-
-        let value_5 = secondBlue.value;
-        while (value_5 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_5--;
-        }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
-        }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstGreenArray.concat(firstBrownArray, firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    })
-
-});
-
-card4.addEventListener('click', () => {
-
-    takeCard.classList.remove('hide');
-
-    veryEasyDifficult.addEventListener('click', () => {
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        for (let i = 0; i < sumCardsValues('green'); i++) {
-            requiredCardsGreen.push(arrayOfGreenEasy[i]);
-        }
-
-        if (arrayOfBrownEasy.length <= sumCardsValues('brown')) {
-            arrayOfBrownEasy.forEach(item => requiredCardsBrown.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('brown') - arrayOfBrownEasy.length; i++) {
-            requiredCardsBrown.push(arrayOfBrownNormal[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstGreenArray = [];
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
-        }
-
-        let value_1 = firstBrown.value
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = secondBlue.value;
-        while (value_3 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_3--;
-        }
-
-        let value_4 = thirdBrown.value;
-        while (value_4 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_4--;
-        }
-
-        let value_5 = secondGreen.value;
-        while (value_5 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_5--;
-        }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
-        }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstGreenArray.concat(firstBrownArray, firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    });
-
-    easyDifficult.addEventListener('click', () => {
-
-        let arrayOfGreenEasyAndVeryEasy = arrayOfGreenEasy.concat(arrayOfGreenNormal);
-        let arrayOfBrownEasyAndVeryEasy = arrayOfBrownEasy.concat(arrayOfBrownNormal);
-        let arrayOfBlueEasyAndVeryEasy = arrayOfBlueEasy.concat(arrayOfBlueNormal);
-
-        shuffle(arrayOfGreenEasyAndVeryEasy);
-        shuffle(arrayOfBrownEasyAndVeryEasy);
-        shuffle(arrayOfBlueEasyAndVeryEasy);
-
-        // ----------------------------------- //
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        for (let i = 0; i < sumCardsValues('green'); i++) {
-            requiredCardsGreen.push(arrayOfGreenEasyAndVeryEasy[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('brown'); i++) {
-            requiredCardsBrown.push(arrayOfBrownEasyAndVeryEasy[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasyAndVeryEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
-        }
-
-        let value_1 = firstBrown.value
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = secondBlue.value;
-        while (value_3 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_3--;
-        }
-
-        let value_4 = thirdBrown.value;
-        while (value_4 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_4--;
-        }
-
-        let value_5 = secondGreen.value;
-        while (value_5 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_5--;
-        }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
-        }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstGreenArray.concat(firstBrownArray, firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    })
-
-    normalDifficult.addEventListener('click', () => {
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        if (arrayOfGreenEasy.length <= sumCardsValues('green')) {
-            arrayOfGreenEasy.forEach(item => requiredCardsGreen.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('green') - arrayOfGreenEasy.length; i++) {
-            requiredCardsGreen.push(arrayOfGreenNormal[i]);
-        }
-
-        if (arrayOfBrownEasy.length <= sumCardsValues('brown')) {
-            arrayOfBrownEasy.forEach(item => requiredCardsBrown.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('brown') - arrayOfBrownEasy.length; i++) {
-            requiredCardsBrown.push(arrayOfBrownNormal[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstGreenArray = [];
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
-        }
-
-        let value_1 = firstBrown.value
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = secondBlue.value;
-        while (value_3 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_3--;
-        }
-
-        let value_4 = thirdBrown.value;
-        while (value_4 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_4--;
-        }
-
-        let value_5 = secondGreen.value;
-        while (value_5 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_5--;
-        }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
-        }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstGreenArray.concat(firstBrownArray, firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    })
-
-    hardDifficult.addEventListener('click', () => {
-
-        let arrayOfGreenNormalAndHard = arrayOfGreenNormal.concat(arrayOfGreenHard);
-        let arrayOfBrownNormalAndHard = arrayOfBrownNormal.concat(arrayOfBrownHard);
-        let arrayOfBlueNormalAndHard = arrayOfBlueNormal.concat(arrayOfBlueHard);
-
-        shuffle(arrayOfGreenNormalAndHard);
-        shuffle(arrayOfBrownNormalAndHard);
-        shuffle(arrayOfBlueNormalAndHard);
-
-        // ----------------------------------- //
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        if (arrayOfGreenEasy.length <= sumCardsValues('green')) {
-            arrayOfGreenEasy.forEach(item => requiredCardsGreen.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('green') - arrayOfGreenEasy.length; i++) {
-            requiredCardsGreen.push(arrayOfGreenNormal[i]);
-        }
-
-        if (arrayOfBrownEasy.length <= sumCardsValues('brown')) {
-            arrayOfBrownEasy.forEach(item => requiredCardsBrown.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('brown') - arrayOfBrownEasy.length; i++) {
-            requiredCardsBrown.push(arrayOfBrownNormal[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstGreenArray = [];
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
-        }
-
-        let value_1 = firstBrown.value
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = secondBlue.value;
-        while (value_3 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_3--;
-        }
-
-        let value_4 = thirdBrown.value;
-        while (value_4 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_4--;
-        }
-
-        let value_5 = secondGreen.value;
-        while (value_5 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_5--;
-        }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
-        }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstGreenArray.concat(firstBrownArray, firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    })
-
-    veryHardDifficult.addEventListener('click', () => {
-
-
-        let arrayOfGreenNormalAndHard = arrayOfGreenNormal.concat(arrayOfGreenHard);
-        let arrayOfBrownNormalAndHard = arrayOfBrownNormal.concat(arrayOfBrownHard);
-        let arrayOfBlueNormalAndHard = arrayOfBlueNormal.concat(arrayOfBlueHard);
-
-        shuffle(arrayOfGreenNormalAndHard);
-        shuffle(arrayOfBrownNormalAndHard);
-        shuffle(arrayOfBlueNormalAndHard);
-
-        // ----------------------------------- //
-
-        let requiredCardsGreen = [];
-        let requiredCardsBrown = [];
-        let requiredCardsBlue = [];
-
-        if (arrayOfGreenEasy.length <= sumCardsValues('green')) {
-            arrayOfGreenEasy.forEach(item => requiredCardsGreen.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('green') - arrayOfGreenEasy.length; i++) {
-            requiredCardsGreen.push(arrayOfGreenNormal[i]);
-        }
-
-        if (arrayOfBrownEasy.length <= sumCardsValues('brown')) {
-            arrayOfBrownEasy.forEach(item => requiredCardsBrown.push(item));
-        }
-
-        for (let i = 0; i < sumCardsValues('brown') - arrayOfBrownEasy.length; i++) {
-            requiredCardsBrown.push(arrayOfBrownNormal[i]);
-        }
-
-        for (let i = 0; i < sumCardsValues('blue'); i++) {
-            requiredCardsBlue.push(arrayOfBlueEasy[i]);
-        }
-
-        shuffle(requiredCardsGreen);
-        shuffle(requiredCardsBrown);
-        shuffle(requiredCardsBlue);
-
-        // ----------------------------------- //
-
-        let firstGreenArray = [];
-        let firstBrownArray = [];
-        let firstBlueArray = [];
-
-        let secondGreenArray = [];
-        let secondBrownArray = [];
-        let secondBlueArray = [];
-
-        let thirdGreenArray = [];
-        let thirdBrownArray = [];
-
-        let value_0 = firstGreen.value
-        while (value_0 > 0) {
-            firstGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_0--;
-        }
-
-        let value_1 = firstBrown.value
-        while (value_1 > 0) {
-            firstBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_1--;
-        }
-
-        let value_2 = secondBrown.value;
-        while (value_2 > 0) {
-            secondBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_2--;
-        }
-
-        let value_3 = secondBlue.value;
-        while (value_3 > 0) {
-            secondBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_3--;
-        }
-
-        let value_4 = thirdBrown.value;
-        while (value_4 > 0) {
-            thirdBrownArray.push(requiredCardsBrown[0]);
-            requiredCardsBrown = requiredCardsBrown.filter(function (item) { return item !== requiredCardsBrown[0] });
-            value_4--;
-        }
-
-        let value_5 = secondGreen.value;
-        while (value_5 > 0) {
-            secondGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_5--;
-        }
-
-        let value_6 = thirdGreen.value;
-        while (value_6 > 0) {
-            thirdGreenArray.push(requiredCardsGreen[0]);
-            requiredCardsGreen = requiredCardsGreen.filter(function (item) { return item !== requiredCardsGreen[0] });
-            value_6--;
-        }
-
-        let value_7 = firstBlue.value;
-        while (value_7 > 0) {
-            firstBlueArray.push(requiredCardsBlue[0]);
-            requiredCardsBlue = requiredCardsBlue.filter(function (item) { return item !== requiredCardsBlue[0] });
-            value_7--;
-        }
-
-        // ----------------------------------- //
-
-        let firstCards = firstGreenArray.concat(firstBrownArray, firstBlueArray);
-        let secondCards = secondGreenArray.concat(secondBrownArray, secondBlueArray);
-        let thirdCards = thirdGreenArray.concat(thirdBrownArray);
-
-        shuffle(firstCards);
-        shuffle(secondCards);
-        shuffle(thirdCards);
-
-        deckFirstStage = firstCards;
-        deckSecondStage = secondCards;
-        deckThirdStage = thirdCards;
-
-    })
-
-});
-
-// ---------------------------------------
-
-const randomCard = document.querySelector('.random-card');
-
-takeCard.addEventListener('click', () => {
-
-    randomCard.classList.add('show');
-
-    if (deckFirstStage.length > 0) {
-        randomCard.style.background = `url(${deckFirstStage[0].cardFace}) center/cover`;
-        if (deckFirstStage[0].color === 'green') {
-            firstGreen.value--;
-        }
-        if (deckFirstStage[0].color === 'brown') {
-            firstBrown.value--;
-        }
-        if (deckFirstStage[0].color === 'blue') {
-            firstBlue.value--;
-        }
-        deckFirstStage.shift();
-
-    } else if (deckFirstStage.length === 0 && deckSecondStage.length > 0) {
-        randomCard.style.background = `url(${deckSecondStage[0].cardFace}) center/cover`;
-        if (deckSecondStage[0].color === 'green') {
-            secondGreen.value--;
-        }
-        if (deckSecondStage[0].color === 'brown') {
-            secondBrown.value--;
-        }
-        if (deckSecondStage[0].color === 'blue') {
-            secondBlue.value--;
-        }
-        deckSecondStage.shift();
-
-    } else if (deckSecondStage.length === 0 && deckThirdStage.length > 0) {
-        randomCard.style.background = `url(${deckThirdStage[0].cardFace}) center/cover`;
-        if (deckThirdStage[0].color === 'green') {
-            thirdGreen.value--;
-        }
-        if (deckThirdStage[0].color === 'brown') {
-            thirdBrown.value--;
-        }
-        if (deckThirdStage[0].color === 'blue') {
-            thirdBlue.value--;
-        }
-        deckThirdStage.shift();
-    }
-
-    if (deckFirstStage.length === 0 && deckSecondStage.length === 0 && deckThirdStage.length === 0) {
-        takeCard.classList.add('hide');
-        difficultyBlock.classList.add('hide');
-        card1.classList.remove('fire-border');
-        card2.classList.remove('fire-border');
-        card3.classList.remove('fire-border');
-        card4.classList.remove('fire-border');
-        difficulty.forEach(item => item.classList.remove('fire-border'));
-        music.play();
-    }
-
-})
\ No newline at end of file
diff --git a/style.css b/style.css
index fd02626c..943ff957 100644
--- a/style.css
+++ b/style.css
@@ -1,8 +1,14 @@
+@font-face {
+  font-family: "Horror";
+  src: url(./assets/Font/ofont.ru_Old\ Horror\ Films.ttf);
+}
 body {
   position: relative;
   margin: 0;
   height: 100%;
   overflow: hidden;
+  font-family: "Horror";
+  font-weight: 400;
 }
 
 .background {
@@ -84,6 +90,7 @@ body {
   margin-bottom: 15px;
 }
 .difficulty-level {
+  position: relative;
   max-width: 30vw;
   background-image: url(./assets/Scroll/scroll.png);
   background-repeat: no-repeat;
@@ -93,7 +100,7 @@ body {
   align-items: center;
   justify-content: center;
   padding: 100px;
-  transform: scale(0);
+  top: -800px;
   transition-duration: 2s;
 }
 
@@ -119,7 +126,7 @@ body {
   margin-bottom: 10px;
   margin-top: 10px;
   color: white;
-  font-size: 20px;
+  font-size: 30px;
 }
 .stages__quantity {
   display: flex;
@@ -129,29 +136,33 @@ body {
 }
 .stages__quantity input {
   position: relative;
-  width: 50px;
-  height: 50px;
-  border-radius: 50%;
+  width: 60px;
+  height: 60px;
   text-align: center;
-  font-size: 20px;
+  font-size: 40px;
   color: white;
   pointer-events: none;
   z-index: 2;
+  opacity: 0.7;
+  border-radius: 10px;
 }
 .stages__quantity input:not(:last-child) {
-  margin-right: 10px;
+  margin-right: 20px;
 }
 
 .green {
-  background-color: green;
+  background-image: url(./assets/Stages/green.png);
+}
+.green:hover {
+  border: 2px solid linear-gradient(90deg, #000000, #230b10, #331016, #230b10, #000000);
 }
 
 .brown {
-  background-color: brown;
+  background-image: url(./assets/Stages/brown.png);
 }
 
 .blue {
-  background-color: blue;
+  background-image: url(./assets/Stages/blue.png);
 }
 
 .working {
@@ -197,9 +208,19 @@ body {
   transition-duration: 1s;
 }
 
+.none-click {
+  pointer-events: none;
+}
+
+.difficulty-level.show {
+  top: 0px;
+  transition-duration: 4s;
+}
+
 .show {
   transform: scale(1);
-  transition-duration: 2s;
+  opacity: 1;
+  transition-duration: 5s;
 }
 
 .hide {
@@ -210,8 +231,4 @@ body {
 .random-card.show {
   transform: translateX(0px) rotateY(360deg);
   transition-duration: 1s;
-}
-
-.none-click {
-  pointer-events: none;
 }/*# sourceMappingURL=style.css.map */
\ No newline at end of file
diff --git a/style.css.map b/style.css.map
index da264af7..5420d086 100644
--- a/style.css.map
+++ b/style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACI,kBAAA;EACA,SAAA;EACA,YAAA;EACA,gBAAA;ACCJ;;ADEA;EACI,kBAAA;EACA,gBAAA;EACA,gBAAA;EACA,yDAAA;EACA,6BAAA;EACA,sBAAA;ACCJ;;ADEA;EACI,aAAA;EACA,8BAAA;EACA,kBAAA;EACA,WAAA;EACA,aAAA;EACA,8CAAA;EACA,6CAAA;UAAA,qCAAA;EACA,aAAA;ACCJ;;ADEA;EACI;IACI,+BAAA;ECCN;EDEE;IACI,6BAAA;ECAN;AACF;;ADPA;EACI;IACI,+BAAA;ECCN;EDEE;IACI,6BAAA;ECAN;AACF;ADGA;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;EACA,eAAA;ACDJ;ADGI;EACI,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,yBAAA;ACDR;;ADKA;EACI,aAAA;EACA,YAAA;EACA,eAAA;EACA,wDAAA;EACA,2BAAA;EACA,sBAAA;EACA,YAAA;EACA,uBAAA;EACA,eAAA;EACA,6BAAA;EACA,mBAAA;EACA,6DAAA;KAAA,0DAAA;ACFJ;ADII;EACI,UAAA;EACA,uBAAA;EACA,8BAAA;EACA,6DAAA;KAAA,0DAAA;ACFR;ADKI;EACI,mBAAA;ACHR;ADMI;EACI,eAAA;EACA,iDAAA;EACA,4BAAA;EACA,2BAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,mBAAA;EACA,uBAAA;ACJR;;ADQA;EACI,mBAAA;EACA,uBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,6BAAA;EACA,oBAAA;EACA,mBAAA;EACA,eAAA;ACLJ;;ADQA;EACI,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;ACLJ;ADOI;EACI,mBAAA;EACA,gBAAA;EACA,YAAA;EACA,eAAA;ACLR;ADQI;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,UAAA;ACNR;ADQQ;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,kBAAA;EACA,eAAA;EACA,YAAA;EACA,oBAAA;EACA,UAAA;ACNZ;ADQY;EACI,kBAAA;ACNhB;;ADYA;EACI,uBAAA;ACTJ;;ADYA;EACI,uBAAA;ACTJ;;ADYA;EACI,sBAAA;ACTJ;;ADYA;EACI,kBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;ACTJ;;ADoBA;EACI,kBAAA;EACA,UAAA;EACA,kBAAA;ACjBJ;ADmBI;EACI,mBAAA;EACA,YAAA;EACA,uBAAA;EACA,eAAA;ACjBR;ADmBQ;EACI,UAAA;EACA,uBAAA;ACjBZ;;ADsBA;EACI,kBAAA;EACA,UAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;EACA,yBAAA;EACA,6BAAA;ACnBJ;;ADsBA;EACI,8BAAA;EACA,8DAAA;KAAA,2DAAA;EACA,qBAAA;EACA,UAAA;EACA,uBAAA;ACnBJ;;ADsBA;EACI,mBAAA;EACA,uBAAA;ACnBJ;;ADsBA;EACI,mBAAA;EACA,uBAAA;ACnBJ;;ADsBA;EACI,0CAAA;EACA,uBAAA;ACnBJ;;ADsBA;EACI,oBAAA;ACnBJ","file":"style.css"}
\ No newline at end of file
+{"version":3,"sources":["style.scss","style.css"],"names":[],"mappings":"AAAA;EACI,qBAAA;EACA,uDAAA;ACCJ;ADEA;EACI,kBAAA;EACA,SAAA;EACA,YAAA;EACA,gBAAA;EACA,qBAAA;EACA,gBAAA;ACAJ;;ADGA;EACI,kBAAA;EACA,gBAAA;EACA,gBAAA;EACA,yDAAA;EACA,6BAAA;EACA,sBAAA;ACAJ;;ADGA;EACI,aAAA;EACA,8BAAA;EACA,kBAAA;EACA,WAAA;EACA,aAAA;EACA,8CAAA;EACA,6CAAA;UAAA,qCAAA;EACA,aAAA;ACAJ;;ADGA;EACI;IACI,+BAAA;ECAN;EDGE;IACI,6BAAA;ECDN;AACF;;ADNA;EACI;IACI,+BAAA;ECAN;EDGE;IACI,6BAAA;ECDN;AACF;ADIA;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,eAAA;EACA,eAAA;ACFJ;ADII;EACI,kBAAA;EACA,aAAA;EACA,mBAAA;EACA,eAAA;EACA,yBAAA;ACFR;;ADMA;EACI,aAAA;EACA,YAAA;EACA,eAAA;EACA,wDAAA;EACA,2BAAA;EACA,sBAAA;EACA,YAAA;EACA,uBAAA;EACA,eAAA;EACA,6BAAA;EACA,mBAAA;EACA,6DAAA;KAAA,0DAAA;ACHJ;ADKI;EACI,UAAA;EACA,uBAAA;EACA,8BAAA;EACA,6DAAA;KAAA,0DAAA;ACHR;ADMI;EACI,mBAAA;ACJR;ADOI;EACI,kBAAA;EACA,eAAA;EACA,iDAAA;EACA,4BAAA;EACA,2BAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,WAAA;EACA,uBAAA;ACLR;;ADSA;EACI,mBAAA;EACA,uBAAA;EACA,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,6BAAA;EACA,oBAAA;EACA,mBAAA;EACA,eAAA;ACNJ;;ADSA;EACI,aAAA;EACA,sBAAA;EACA,mBAAA;EACA,uBAAA;ACNJ;ADQI;EACI,mBAAA;EACA,gBAAA;EACA,YAAA;EACA,eAAA;ACNR;ADSI;EACI,aAAA;EACA,mBAAA;EACA,uBAAA;EACA,UAAA;ACPR;ADSQ;EACI,kBAAA;EACA,WAAA;EACA,YAAA;EACA,kBAAA;EACA,eAAA;EACA,YAAA;EACA,oBAAA;EACA,UAAA;EACA,YAAA;EACA,mBAAA;ACPZ;ADSY;EACI,kBAAA;ACPhB;;ADaA;EACI,gDAAA;ACVJ;ADWI;EACI,qFAAA;ACTR;;ADaA;EACI,gDAAA;ACVJ;;ADaA;EACI,+CAAA;ACVJ;;ADaA;EACI,kBAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;ACVJ;;ADaA;EACI,kBAAA;EACA,UAAA;EACA,kBAAA;ACVJ;ADYI;EACI,mBAAA;EACA,YAAA;EACA,uBAAA;EACA,eAAA;ACVR;ADYQ;EACI,UAAA;EACA,uBAAA;ACVZ;;ADeA;EACI,kBAAA;EACA,UAAA;EACA,YAAA;EACA,aAAA;EACA,mBAAA;EACA,YAAA;EACA,yBAAA;EACA,6BAAA;ACZJ;;ADeA;EACI,8BAAA;EACA,8DAAA;KAAA,2DAAA;EACA,qBAAA;EACA,UAAA;EACA,uBAAA;ACZJ;;ADeA;EACI,oBAAA;ACZJ;;ADeA;EACI,QAAA;EACA,uBAAA;ACZJ;;ADeA;EACI,mBAAA;EACA,UAAA;EACA,uBAAA;ACZJ;;ADeA;EACI,mBAAA;EACA,uBAAA;ACZJ;;ADeA;EACI,0CAAA;EACA,uBAAA;ACZJ","file":"style.css"}
\ No newline at end of file
diff --git a/style.scss b/style.scss
index 93937085..3931473c 100644
--- a/style.scss
+++ b/style.scss
@@ -1,8 +1,15 @@
+@font-face {
+    font-family: 'Horror';
+    src: url(./assets/Font/ofont.ru_Old\ Horror\ Films.ttf);
+}
+
 body {
     position: relative;
     margin: 0;
     height: 100%;
     overflow: hidden;
+    font-family: 'Horror';
+    font-weight: 400;
 }
 
 .background {
@@ -77,6 +84,7 @@ body {
     }
 
     &-level {
+        position: relative;
         max-width: 30vw;
         background-image: url(./assets/Scroll/scroll.png);
         background-repeat: no-repeat;
@@ -86,7 +94,7 @@ body {
         align-items: center;
         justify-content: center;
         padding: 100px;
-        transform: scale(0);
+        top: -800px;
         transition-duration: 2s;
     }
 }
@@ -113,7 +121,7 @@ body {
         margin-bottom: 10px;
         margin-top: 10px;
         color: white;
-        font-size: 20px;
+        font-size: 30px;
     }
 
     &__quantity {
@@ -124,32 +132,36 @@ body {
 
         input {
             position: relative;
-            width: 50px;
-            height: 50px;
-            border-radius: 50%;
+            width: 60px;
+            height: 60px;
             text-align: center;
-            font-size: 20px;
+            font-size: 40px;
             color: white;
             pointer-events: none;
             z-index: 2;
+            opacity: .7;
+            border-radius: 10px;
 
             &:not(:last-child) {
-                margin-right: 10px;
+                margin-right: 20px;
             }
         }
     }
 }
 
 .green {
-    background-color: green;
+    background-image: url(./assets/Stages/green.png);
+    &:hover {
+        border: 2px solid linear-gradient(90deg, #000000,#230b10,#331016,#230b10,#000000);
+    }
 }
 
 .brown {
-    background-color: brown;
+    background-image: url(./assets/Stages/brown.png);
 }
 
 .blue {
-    background-color: blue;
+    background-image: url(./assets/Stages/blue.png);
 }
 
 .working {
@@ -159,14 +171,6 @@ body {
     align-items: center;
 }
 
-// .deck-of-playing-cards {
-//     position: absolute;
-//     border: 1px solid red;
-//     width: 200px;
-//     height: 280px;
-//     border-radius: 30px;
-// }
-
 .inverted-deck {
     position: relative;
     z-index: 2;
@@ -204,9 +208,19 @@ body {
     transition-duration: 1s;
 }
 
+.none-click {
+    pointer-events: none;
+}
+
+.difficulty-level.show {
+    top: 0px;
+    transition-duration: 4s;
+}
+
 .show {
     transform: scale(1);
-    transition-duration: 2s;
+    opacity: 1;
+    transition-duration: 5s;
 }
 
 .hide {
@@ -217,8 +231,4 @@ body {
 .random-card.show {
     transform: translateX(0px) rotateY(360deg);
     transition-duration: 1s;
-}
-
-.none-click {
-    pointer-events: none;
 }
\ No newline at end of file