@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";*{padding:0;margin:0;box-sizing:border-box}:root{--purple-color: #5626d2;--less-purple-color: #7945ff;--redish-color: #fd6687;--yellowish-color: #ffce67}html{font-family:Space Grotesk,sans-serif}@media (max-width: 767px){html{font-size:14px}}@media (max-width: 500px){html{font-size:12px}}@media (max-width: 400px){html{font-size:10px}}body{background-color:var(--purple-color);color:#fff}h1,h2,h3,h4,h5,h6,p{margin:0}.make-it-border{border:5px solid black!important;border-bottom:10px solid black!important;border-radius:15px 15px 20px 20px}.bg-yellow{background-color:var(--yellowish-color)}.bg-red{background-color:var(--redish-color)}.bg-white{background-color:#fff}.column[data-top="0"].active:before{top:3%}.column[data-top="1"].active:before{top:18%}.column[data-top="2"].active:before{top:33%}.column[data-top="3"].active:before{top:48%}.column[data-top="4"].active:before{top:63%}.column[data-top="5"].active:before{top:78%}.app-container[data-v-57eeed11]{padding:2rem 10rem;min-height:100vh}@media (max-width: 1300px){.app-container[data-v-57eeed11]{padding:2rem 3rem}}@media (max-width: 767px){.app-container[data-v-57eeed11]{padding:2rem 1rem}}.route-enter-active[data-v-57eeed11]{animation:animate-route-57eeed11 1s ease-in-out reverse}.route-leave-active[data-v-57eeed11]{animation:animate-route-57eeed11 1s ease-in-out}@keyframes animate-route-57eeed11{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}h1[data-v-f1025572]{text-align:center}h3[data-v-f1025572]{margin:2rem 0;color:var(--less-purple-color)}li[data-v-f1025572]{margin-bottom:10px}.dismis-modal-div[data-v-5930c19a]{background-color:#00000080;position:fixed;top:0;bottom:0;right:0;left:0;z-index:1000}dialog[data-v-5930c19a]{position:fixed;top:50%;width:40rem;left:50%;transform:translate(-50%,-50%);padding:2rem 4rem 4rem;border-radius:10px;z-index:1100}dialog.purple-background[data-v-5930c19a]{background-color:var(--less-purple-color)}dialog button.close[data-v-5930c19a]{padding:10px;background:red;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);background:rgb(253,102,135);border-radius:50%;width:75px;height:75px;font-size:2rem;font-weight:700;outline:none;border:5px solid black;cursor:pointer}@media (max-width: 767px){dialog[data-v-5930c19a]{width:90%}}.dialog-enter-active[data-v-5930c19a]{animation:dialog-animation-5930c19a .3s}.dialog-leave-active[data-v-5930c19a]{animation:dialog-animation-5930c19a .3s ease-in-out reverse}@keyframes dialog-animation-5930c19a{0%{opacity:0;transform:translate(-50%,-80%)}to{opacity:1;transform:translate(-50%,-50%)}}.page-container[data-v-ae2b2aed]{height:calc(100vh - 4rem);display:flex;align-items:center}.container[data-v-ae2b2aed]{text-align:center;width:100%}.container .buttons-div[data-v-ae2b2aed]{display:flex;flex-direction:column;align-items:center;margin-top:3rem}.container .buttons-div button[data-v-ae2b2aed]{text-transform:uppercase;padding:1rem;margin:10px 0;outline:none;border:none;width:35rem;display:flex;align-items:center;justify-content:space-between;font-size:1.5rem;font-weight:700;color:#000;cursor:pointer;transition:.3s}.container .buttons-div button[data-v-ae2b2aed]:hover{transform:translateY(-2px)}.container .buttons-div button.play-button[data-v-ae2b2aed]{background-color:var(--yellowish-color)}.container .buttons-div button span[data-v-ae2b2aed]{display:flex}@media (max-width: 767px){.container .buttons-div button[data-v-ae2b2aed]{width:80%}.container .buttons-div img[data-v-ae2b2aed]{width:4rem}}.box-container[data-v-f4d2f352]{height:165px;position:absolute;left:50%;bottom:-25%;transform:translate(-50%);z-index:500}.box-container.game-over[data-v-f4d2f352]{background-color:#fff;color:#000}.box-container img[data-v-f4d2f352]{height:100%}.box-container.game-over img[data-v-f4d2f352]{opacity:0}.box-container div[data-v-f4d2f352]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;font-size:1rem}.box-container h4[data-v-f4d2f352]{margin-bottom:5px}.box-container h2[data-v-f4d2f352]{margin-bottom:10px;text-transform:capitalize}.box-container button[data-v-f4d2f352]{background:var(--less-purple-color);color:#fff;outline:none;border:none;padding:.5rem;border-radius:10px;text-transform:uppercase;margin-top:4px;font-size:1rem;cursor:pointer}@media (max-width: 767px){.box-container[data-v-f4d2f352]{height:42%;bottom:-35%;font-size:.8rem}}.the-board-container[data-v-d966377f]{margin:3rem 0;position:relative}.the-board-container img[data-v-d966377f]{width:100%;position:relative;z-index:100;pointer-events:none}.the-board-container .the-board[data-v-d966377f]{width:100%;min-height:100px;position:absolute;left:0;top:0;height:100%;display:flex;justify-content:center;padding:5px 2px}.the-board-container .the-board .column[data-v-d966377f]{height:100%;text-align:center;width:calc(100% / 7 - .3%);display:flex;flex-direction:column;position:relative;cursor:pointer;transition:.3s}.the-board-container .the-board .column.not-allowed[data-v-d966377f],.the-board-container .the-board .column[data-allowed=false][data-v-d966377f]{cursor:not-allowed}.the-board-container .the-board .column[data-v-d966377f]:before{content:"";position:absolute;width:89.5%;height:calc(100% / 6 - 3.5%);background:var(--yellowish-color);top:-15%;left:5.5%;border-radius:50%;transition:.3s;opacity:0}.the-board-container .the-board .column.red-player[data-v-d966377f]:before{background-color:var(--redish-color)}.the-board-container .the-board .column.active[data-v-d966377f]:before{animation:toggle-opacity-d966377f 1s linear}.the-board-container .the-board .column[data-v-d966377f]:after{content:"";position:absolute;border:1rem solid transparent;top:-20px;left:50%;transform:translate(-50%);border-top-color:var(--yellowish-color);opacity:0}.the-board-container .the-board .column.red-player[data-v-d966377f]:after{border-top-color:var(--redish-color)}.the-board-container .the-board .column[data-v-d966377f]:not(.not-allowed):hover:after{opacity:1}.the-board-container .the-board .column[data-allowed=false][data-v-d966377f]:hover:after{opacity:0}.the-board-container .the-board.game-over .column[data-v-d966377f]:after{opacity:0!important}.the-board-container .the-board .column .cell[data-v-d966377f]{height:calc(100% / 6 - 1.5%);width:100%;border-radius:50%;position:relative}.column[data-top="0"].active[data-v-d966377f]:before{top:3%}.column[data-top="1"].active[data-v-d966377f]:before{top:18%}.column[data-top="2"].active[data-v-d966377f]:before{top:33%}.column[data-top="3"].active[data-v-d966377f]:before{top:48%}.column[data-top="4"].active[data-v-d966377f]:before{top:63%}.column[data-top="5"].active[data-v-d966377f]:before{top:78%}@keyframes toggle-opacity-d966377f{0%{opacity:0}60%{opacity:1}to{opacity:0}}.column .cell[data-v-d966377f]:first-child{padding:10px}.container[data-v-554577d9]{background-color:#fff;color:#000;margin:10px 0;width:10rem;position:relative;padding:2rem 1rem;text-align:center;margin-bottom:2rem}.container .img-div[data-v-554577d9]{position:absolute;top:-50%;left:50%;transform:translate(-50%,75%)}.container p[data-v-554577d9]{font-size:3rem;font-weight:700}@media (max-width: 1100px){.container[data-v-554577d9]{width:40%;padding:1rem 2rem}.container .img-div[data-v-554577d9]{left:0;top:50%;transform:translate(-50%,-50%)}.container .content[data-v-554577d9]{display:flex;align-items:center;justify-content:space-around}.container.player2 .content[data-v-554577d9]{flex-direction:row-reverse}.container.player2 .img-div[data-v-554577d9]{left:initial;right:0%;transform:translate(50%,-50%)}}@media (max-width: 767px){.container .img-div img[data-v-554577d9]{width:35px}}@media (max-width: 650px){.container .content[data-v-554577d9],.container.player2 .content[data-v-554577d9]{flex-direction:column}}.the-layout-container[data-v-c536bc91]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;place-items:center;margin-top:4rem}.the-layout-container .game-board[data-v-c536bc91]{width:37rem}@media (max-width: 1100px){.the-layout-container[data-v-c536bc91]{grid-template-columns:1fr 1fr;margin-top:1rem}.the-layout-container .game-board[data-v-c536bc91]{order:3;grid-column:span 2;width:32rem}.the-layout-container .player[data-v-c536bc91]{width:80%}}@media (max-width: 550px){.the-layout-container[data-v-c536bc91]{row-gap:3rem}.the-layout-container .game-board[data-v-c536bc91]{width:75%}}.container[data-v-6c53f655]{text-transform:uppercase;display:flex;flex-direction:column;gap:1rem}.container h1[data-v-6c53f655]{color:#fff;margin-bottom:1rem}.container button[data-v-6c53f655]{padding:1rem 2rem;width:100%;font-size:1.6rem;font-weight:700;cursor:pointer;transition:.3s}.container button[data-v-6c53f655]:hover{transform:translateY(-2px)}.container button.quit-game[data-v-6c53f655]{background-color:var(--redish-color);color:#fff}.container[data-v-cdd479b3]{display:flex;justify-content:space-between;align-items:center}.container button[data-v-cdd479b3]{outline:none;border:none;padding:1rem 2rem;background-color:var(--less-purple-color);color:#fff;font-size:1.2rem;font-weight:700;border-radius:10px;cursor:pointer;transition:.3s}.container button[data-v-cdd479b3]:hover{box-shadow:0 0 5px #ccc}.the-board-container[data-v-2059cebe]{margin:3rem 30rem;position:relative}.the-board-container img[data-v-2059cebe]{width:100%;position:relative;z-index:100;pointer-events:none}.the-board-container .the-board[data-v-2059cebe]{width:100%;min-height:100px;position:absolute;left:0;top:0;height:100%;display:flex;justify-content:center}.the-board-container .the-board .column[data-v-2059cebe]{height:100%;text-align:center;width:calc(100% / 7 - .3%);display:flex;flex-direction:column;position:relative;transition:.3s}.the-board-container .the-board .column[data-v-2059cebe]:first-of-type:before{content:"";position:absolute;width:98.5%;height:calc(100% / 6 - 1.5%);background:var(--yellowish-color);top:-15%;border-radius:50%;transition:.5s}.the-board-container .the-board .column.red-player[data-v-2059cebe]:first-of-type:before{background-color:var(--redish-color)}.the-board-container .the-board .column[data-v-2059cebe]:after{content:"";position:absolute;border:1rem solid transparent;top:-20px;left:50%;transform:translate(-50%);border-top-color:var(--yellowish-color);opacity:0}.the-board-container .the-board .column.red-player[data-v-2059cebe]:after{border-top-color:var(--redish-color)}.the-board-container .the-board .column[data-v-2059cebe]:hover:after{opacity:1}.the-board-container .the-board .column .cell[data-v-2059cebe]{height:calc(100% / 6 - 1.5%);width:100%;position:relative;cursor:pointer}@media (max-width: 1650px){.the-board-container[data-v-2059cebe]{margin:3rem 25rem}}@media (max-width: 1300px){.the-board-container[data-v-2059cebe]{margin:3rem 15rem}}@media (max-width: 991px){.the-board-container[data-v-2059cebe]{margin:3rem 7rem}}.page-container[data-v-a259fcdb]{height:calc(100vh - 4rem);display:flex;align-items:center;justify-content:center}.container[data-v-a259fcdb]{text-align:center}.img-div[data-v-a259fcdb]{margin:2rem 0}a[data-v-a259fcdb]{color:#fff;padding:10px;background-color:var(--less-purple-color);text-decoration:none;border-radius:10px;border:2px solid white}