*{margin:0;padding:0}body{background-image:url(/static/media/animated-background.dbd07b12dc12f721cd70.gif);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh}h1{color:#fff;font-size:5vw;text-shadow:0 0 10px #8a2be2}.App{align-items:center;display:flex;flex-direction:column;.board{background-color:#3e3eea;border-bottom:3.5px solid #0000ad;border-top:.5px solid #0000ad;height:85vh;position:relative;width:70vw;.border{background-color:#0000c8;border:2px solid #0000ad;height:calc(100% + 10px);position:absolute;top:50%;width:10px;&.left{left:0;transform:translate(-100%,-50%)}&.right{right:0;transform:translate(100%,-50%)}}.board-body{display:flex;flex-direction:column;height:100%;justify-content:space-around;width:100%;.board-row{display:flex;justify-content:space-around;.piece{align-items:center;background-color:gray;border:4px solid #000;border-radius:50%;cursor:pointer;display:grid;height:70px;height:5vmax;justify-content:center;width:70px;width:5vmax;&.jaune{background-color:#ff0}&.rouge{background-color:red}}}}}}
/*# sourceMappingURL=main.b86aaf93.css.map*/