.bg--warning{background-color:#fcc661}.bg--primary{background-color:#5c2cd7}.bg--danger{background-color:#fd6687}.bg--white{background-color:#fff}.text--white{color:#fff}.text--black{color:#000}a{text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.board-col{display:flex;flex-direction:column;position:relative;width:14.2857142857%}.board-col:hover .board-col__marker{opacity:1}.board-col__marker{left:26%;opacity:0;position:absolute;top:-5vh;transition:.2s linear}.board-col__disc-wrapper{align-items:center;background-color:#7945ff;border:3px solid #000;border-radius:100%;border-top:10px solid #000;box-sizing:border-box;display:flex;justify-content:center;margin:13%;padding:30%}@media only screen and (max-width:992px){.board-col__disc-wrapper{border:3px solid #000;border-radius:100%;border-top:7px solid #000}}.board-col__disc{border:3px solid rgba(0,0,0,.6);border-radius:100%;border-top:6px solid rgba(0,0,0,.6);box-sizing:border-box;opacity:0;padding:30%;position:absolute;top:-7vh;transition:top .3s linear}.board-col__disc,.board-col__disc--red{background-color:#fd6687}.board-col__disc--yellow{background-color:#fcc661}.connect-board{background-color:#fff;border:solid #000;border-radius:30px;border-width:3px 3px 12px;display:flex;margin:20px;max-width:500px;padding-bottom:30px;position:relative;width:100%;z-index:2}.logo{display:flex;flex-wrap:wrap;width:54px}.logo div{border:solid #000;border-radius:100%;border-width:2px 2px 3px;height:16px;margin:3px;width:16px}.logo div:first-child,.logo div:nth-child(4){background-color:#fd6687}.logo div:nth-child(2),.logo div:nth-child(3){background-color:#fcc661}.player-tag{align-items:center;background-color:#fff;border:solid #000;border-radius:25px;border-width:3px 3px 12px;display:flex;flex-direction:column;height:160px;justify-content:center;position:relative;width:140px;z-index:2}.player-tag span{font-size:24px}.player-tag b{font-size:36px}.player-tag__disc{border:solid #000;border-radius:100%;border-width:2px 2px 3px;height:48px;margin-left:auto;position:absolute;top:-24px;width:48px}.player-tag__disc--red{background-color:#fd6687}.player-tag__disc--yellow{background-color:#fcc661}@media only screen and (max-width:992px){.player-tag{flex-direction:row;height:80px;margin:2%;max-width:300px;width:40%}.player-tag span{font-size:18px}.player-tag__disc{height:36px;left:-18px;top:auto;width:36px}.player-tag b{font-size:32px;margin-left:20px}}@media only screen and (max-width:768px){.player-tag{flex-direction:row;height:60px;margin:2%;max-width:300px;width:40%}.player-tag span{font-size:14px}.player-tag__disc{height:32px;left:-16px;top:auto;width:32px}.player-tag b{font-size:28px;margin-left:20px}}.game{background-color:#7945ff;min-height:100vh}.game,.game__win-banner{align-items:center;display:flex;flex-direction:column}.game__win-banner{background-color:#fff;border:solid #000;border-radius:25px;border-width:3px 3px 12px;font-size:20px;height:80px;justify-content:center;position:absolute;width:200px;z-index:10}.game:after{background-color:#5c2dd5;border-top-left-radius:60px;border-top-right-radius:60px;bottom:0;content:"";height:25vh;position:absolute;width:100%}.game__container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;position:relative;width:100%}@media only screen and (max-width:992px){.game__container .player-tag:first-child{order:1}.game__container .player-tag:nth-child(2){order:2}.game__container .connect-board{order:3}}.game__button{background-color:#5c2dd5;border-radius:20px;color:#fff;cursor:pointer;font-size:18px;padding:10px 20px}.game__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;max-width:500px;padding:20px;width:100%}.game__turn-indicator-wrapper{bottom:-5vh;left:auto;position:absolute;z-index:2}.turn-indicator{align-items:center;display:flex;height:14vh;position:relative}.turn-indicator img{height:100%}.turn-indicator div{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%}.turn-indicator span{color:#fff;font-size:.8rem;margin-top:20px}.turn-indicator b{color:#fff;font-size:2.1rem;margin-top:5px}@media only screen and (max-width:992px){.turn-indicator span{font-size:.5rem}.turn-indicator b{font-size:1.8rem;margin-top:0}}.rules{align-items:center;background-color:#7945ff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;position:relative}.rules__title{font-size:48px;font-weight:700;margin:0}.rules__description{display:flex;flex-direction:column;line-height:26px}.rules__description b{color:#7945ff;font-size:20px;font-weight:500;margin-bottom:10px;margin-top:30px}.rules__description ol{margin-top:0;padding-left:20px}.rules__description ol li::marker{font-weight:700}.rules__close-btn{align-items:center;background-color:#fd6687;border:solid #000;border-radius:100%;border-width:2px 2px 6px;bottom:-25px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:42px;justify-content:center;margin-left:auto;position:absolute;transition:.1s linear;width:42px}.rules__close-btn:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.rules__menu-container{align-items:center;background-color:#fff;border:solid #000;border-radius:20px;border-width:2px 2px 8px;display:flex;flex-direction:column;margin:20px;max-width:450px;padding:20px;position:relative}.menu-item{align-items:center;border:solid #000;border-radius:15px;border-width:2px 2px 6px;cursor:pointer;display:flex;font-size:20px;height:45px;justify-content:center;transition:.1s linear}.menu-item:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.home{background-color:#5c2dd5;min-height:100vh}.home,.home__menu-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.home__menu-container{background-color:#7945ff;border:solid #000;border-radius:20px;border-width:2px 2px 8px;margin:20px;max-width:450px;padding:60px 20px 20px;position:relative;width:-webkit-fill-available}.home__menu-items-container{margin-top:60px;position:relative;width:100%}.home__menu-items-container div{margin-top:10px}
/*# sourceMappingURL=main.9a147077.css.map*/