@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);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}body{background-color:beige;font-family:Poppins,sans-serif}.App{align-items:center;display:flex;flex-direction:column;position:relative}.options{display:flex;flex-direction:row;gap:1.5rem;left:2rem;position:absolute;top:2rem}.option-button{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:transform .2s ease,background-color .2s ease}.option-button:hover{background-color:#8b5a2b26;transform:translateY(-4px)}.option-button:active{transform:translateY(-1px)}.option-button img{height:5rem;transition:opacity .2s ease;width:5rem}.option-button:hover img{opacity:.85}.option-button span{color:#8b5a2b;font-size:1rem;font-weight:600;letter-spacing:.5px}.gameStage{display:flex;flex-direction:column}.winner{width:100%}.board{border:2px solid #8b5a2b;display:grid;grid-template-columns:repeat(8,5rem);grid-template-rows:repeat(8,5rem);position:relative}@media (max-width:1200px){.options{flex-direction:column;gap:1rem;left:1rem;top:1rem}.option-button{padding:.5rem}.option-button img{height:3rem;width:3rem}.option-button span{font-size:.75rem}}@media (max-width:850px){.options{position:static}}.block{align-items:center;display:flex;height:5rem;justify-content:center;position:relative;width:5rem;z-index:1}.white{background-color:beige}.black{background-color:#8b5a2b}.glow{animation:pulse-glow 1.5s ease-in-out infinite;border-radius:10%;box-shadow:inset 0 0 0 4px #ffd700e6,inset 0 0 20px #ffd70080,0 0 20px #ffd70099,0 0 40px #ffd70066}@keyframes pulse-glow{0%,to{box-shadow:inset 0 0 0 4px #ffd700e6,inset 0 0 20px #ffd70080,0 0 20px #ffd70099,0 0 40px #ffd70066}50%{box-shadow:inset 0 0 0 4px gold,inset 0 0 25px #ffd700b3,0 0 30px #ffd700cc,0 0 50px #ffd70099}}.piece-holder{height:5rem;position:absolute;transition:left .4s cubic-bezier(.68,-.55,.265,1.55),top .4s cubic-bezier(.68,-.55,.265,1.55);width:5rem;z-index:2}.piece,.piece-holder{align-items:center;display:flex;justify-content:center}.piece{border-radius:50%;box-shadow:inset -3px -3px 8px #0000004d,inset 3px 3px 8px #fff6,3px 3px 10px #0006;cursor:pointer;height:80%;position:relative;width:80%}.white-piece{background:radial-gradient(circle at 30% 30%,#fffef0,beige 60%,#e8e3c8);border:1px solid #8b5a2b}.black-piece{background:radial-gradient(circle at 30% 30%,#e09a5f,#cc7f37 60%,#b37030);border:1px solid #c99564}.pawn-icon{filter:contrast(1.5);height:3rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:3rem}@keyframes captureAnimation{0%{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.7;transform:scale(1.3) rotate(15deg)}to{opacity:0;transform:scale(0) rotate(45deg)}}.piece-captured{animation:captureAnimation .5s ease-out forwards}@keyframes captureFade{0%{opacity:1;transform:scale(1) translateY(0)}50%{opacity:.5;transform:scale(.8) translateY(10px)}to{opacity:0;transform:scale(.3) translateY(30px)}}.piece-captured-fade{animation:captureFade .6s ease-out forwards}@keyframes captureExplode{0%{filter:blur(0);opacity:1;transform:scale(1)}60%{filter:blur(2px);opacity:.6;transform:scale(1.5)}to{filter:blur(5px);opacity:0;transform:scale(2)}}.piece-captured-explode{animation:captureExplode .2s ease-out forwards}
/*# sourceMappingURL=main.c0c8375a.css.map*/