body{margin:0;padding:0}#root{background-image:url(images/635012cb5c1e192ab1c6.png);background-position:50%;background-size:cover;flex-direction:column;height:100vh;width:100vw}#root,.list_ancients{display:flex;justify-content:space-around}.ancient{background-position:50%;background-size:cover;border-radius:10px;box-sizing:border-box;cursor:pointer;height:280px;transition:.5s;width:220px}.ancient:hover{border:3px solid #000;transform:scale(1.1)}.ancient.active{border:2px solid red}.Azathoth{background-image:url(images/e76cc60e6f2b9bb167ce.png)}.Cthulthu{background-image:url(images/e7bfd029744dc9f87c1a.png)}.LogSothoth{background-image:url(images/c5b7717bff973cda27be.png)}.ShubNiggurath{background-image:url(images/68c4272e00c9596e65b1.png)}.list_levels{display:flex;gap:30px;justify-content:center}.button_level{background-color:transparent;border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-family:sans-serif;font-size:20px;height:35px;transition:.5s;width:11%}.button_level:hover{border:2px solid red;transform:scale(1.1)}.button_level.active{border:2px solid red;box-shadow:0 0 5px 5px rgba(255,0,0,.2);color:red}.wrapper_button-create_card-deck{display:flex;justify-content:center;width:100vw}.button-create_card-deck{background-color:transparent;border:2px solid #fff;border-radius:10px;color:#fff;cursor:pointer;font-family:sans-serif;font-size:22px;height:45px;transition:.5s;width:15%}.button-create_card-deck:not(:disabled):hover{border:2px solid red;color:red;transform:scale(1.1)}.button-create_card-deck.inactive{display:none}.button-create_card-deck.disabled{border:2px solid #a9a9a9;color:#a9a9a9;cursor:default}.wrapper_game{align-items:center;display:none;justify-content:space-around}.wrapper_game.active{display:flex}.card-deck-diagram{align-items:center;color:#fff;display:flex;flex-direction:column}h2{margin:0;padding:15px 0;text-align:center}.raund1.active,.raund2.active,.raund3.active{color:red}.dots_wrapper{display:flex;gap:15px}.dot{align-items:center;border-radius:25%;display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.green{background-color:green}.brown{background-color:#684c38}.blue{background-color:blue}.cards{display:flex;gap:70px}.card,.cards-deck{background-position:50%;background-size:cover;border-radius:10px;box-sizing:border-box;height:210px;transition:.5s;width:150px}.cards-deck{background-image:url(images/6cfef7456fa52cb3c0c7.png);cursor:pointer}.cards-deck:hover{border:2px solid #000;transform:scale(1.05)}.card.inactive,.cards-deck.inactive{display:none}