body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#7945ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;position:relative}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.left-box{height:187px;top:200px}.left-box,.left-score{left:202px;position:absolute;width:141px}.left-score{background:#fff;border:3px solid #000;border-radius:20px;box-shadow:0 10px 0 #000;height:160px;top:351px}.left-score-text{display:table;height:97px;left:230px;top:397px;width:86px}.red-player{height:59px;left:247px;position:absolute;top:324px;width:54px;z-index:10}.red-name{font-size:20px;height:26px;left:calc(50% - 42px);line-height:26px;top:calc(50% - 48.5px);width:85px}.red-name,.red-score{color:#000;font-family:Space Grotesk;font-style:normal;font-weight:700;position:absolute;text-align:center}.red-score{font-size:56px;height:71px;left:calc(50% - 29px);line-height:71px;top:calc(50% - 22.5px);width:59px}.right-box{height:187px;left:616px;top:230px}.right-box,.right-score{position:absolute;width:141px}.right-score{background:#fff;border:3px solid #000;border-radius:20px;box-shadow:0 10px 0 #000;height:160px;left:1096px;top:323px}.right-score-text{height:97px;left:1122px;top:369px;width:90px}.yellow-player{height:59px;left:1142px;position:absolute;top:296px;width:54px;z-index:10}.yellow-name{font-size:20px;height:26px;left:calc(50% - 44px);line-height:26px;top:calc(50% - 48.5px);width:88px}.yellow-name,.yellow-score{color:#000;font-family:Space Grotesk;font-style:normal;font-weight:700;position:absolute;text-align:center}.yellow-score{font-size:56px;height:71px;left:calc(50% - 34px);line-height:71px;top:calc(50% - 22.5px);width:68px}.game-box{height:587px;left:404px;position:absolute;top:153px;width:634px}.grid-container{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);height:528px;left:423px;position:absolute;top:168px;width:616px;z-index:10}.black-board{left:404px;top:156px;z-index:9}.black-board,.white-board{box-sizing:border-box;height:584px;position:absolute;width:632px}.white-board{left:406px;top:153px;z-index:11}.turn-bar{height:150px;left:625px;width:191px}.turn-bar,.winner-box{position:absolute;top:700px;z-index:15}.winner-box{background:#fff;border:3px solid #000;border-radius:20px;box-shadow:0 10px 0 #000;height:160px;left:578px;width:285px}.winner-text{display:inline-block;height:87px;margin:0 auto;width:138px}.winner-name{font-family:Space Grotesk;font-size:16px;font-style:normal;font-weight:700;height:20px;left:calc(50% - 34.5px);line-height:20px;position:absolute;text-align:center;width:68px}.player-turn{z-index:15}.wins{font-family:Space Grotesk;font-size:56px;font-style:normal;font-weight:700;height:71px;line-height:71px;text-align:center;width:137px}.player-name{font-size:16px;height:20px;left:calc(50% - 63px);line-height:20px;top:calc(50% - 46.5px);width:127px}.player-name,.timer{color:#fff;font-family:Space Grotesk;font-style:normal;font-weight:700;position:absolute;text-align:center}.timer{font-size:56px;height:71px;left:calc(50% - 32px);line-height:71px;top:calc(50% - 35.5px);width:64px}.play-button{color:#fff;display:inline-block;left:655px;margin:0 auto;top:804px}.selector-box{display:grid;grid-template-columns:repeat(7,1fr);left:413px;position:absolute;top:132px;width:616px;z-index:25}.selector-div{height:584px}.navbar{height:52px;left:404px;position:absolute;top:53px;width:632px}.purple-button{background:#5c2dd5;border-radius:20px}.restart-button{left:524px;width:108px}.menu-button,.restart-button{height:39px;position:absolute}.menu-button{bottom:13px;left:0;width:86px}.token-box{bottom:28px;display:grid;grid-template-columns:repeat(2,1fr);height:52px;left:278px;position:absolute;width:52px}.menu{align-items:center;bottom:0;display:flex;height:491px;justify-content:center;left:0;position:fixed;right:0;top:0;width:480px}.menu-content{background:#7945ff;border:3px solid #000;border-radius:40px;box-shadow:0 10px 0 #000}.footer{border-radius:60px 60px 0 0;bottom:0;height:33%;left:0;position:fixed;width:100%}.dark-purple{background:#5c2dd5}.red{background:#fd6687}.yellow{background:#ffce67}
/*# sourceMappingURL=main.f03c9825.css.map*/