body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{font-family:sans-serif;text-align:center;background-color:#fff;background-color:var(--bg-color);color:#000;color:var(--text-color);height:100vh}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--bg-color:#fff;--text-color:#000}[data-theme=dark]{--bg-color:#3f3f3f;--text-color:#fff}#icon{width:3vw;height:3vh;border:3px solid;border-radius:3px;background-color:#abb4b4}#board{width:500px;height:500px;border:10px solid salmon;position:relative;background-color:#fff;box-shadow:20px 20px rgba(177,141,187,.3);transition:all .4s ease;margin:25px auto;overflow:hidden;animation:rotate 1.5s linear infinite;border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3ClinearGradient id='a' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23cffffe'/%3E%3Cstop offset='25%25' stop-color='%23f9f7d9'/%3E%3Cstop offset='50%25' stop-color='%23fce2ce'/%3E%3Cstop offset='100%25' stop-color='%23ffc1f3'/%3E%3C/linearGradient%3E%3Cpath d='M1.5 1.5h97v97h-97v-97' stroke-linecap='square' stroke='url(%23a)' stroke-width='3'/%3E%3C/svg%3E") 1;background:linear-gradient(0deg,rgba(#cffffe,.3),rgba(#8b8305,.3),rgba(#ac652f,.3),rgba(#9c1d83,.3))}#backbtn{width:150px;height:50px;cursor:pointer;font-size:20px;font-weight:700;color:#000;background:#fff;border:2px solid #000;box-shadow:5px 5px 0 #000,-5px -5px 0 #000,-5px 5px 0 #000,5px -5px 0 #000;transition:.5s ease-in-out}#backbtn:hover{box-shadow:20px 5px 0 #000,-20px -5px 0 #000}#backbtn:focus{outline:none}#char1{height:60px;width:60px;background:linear-gradient(#14ffe9,#ffeb3b,#ff00e0);border-radius:50%;animation:rotate 1.5s linear infinite;transition:all .1s ease;background-color:#2e8b57;font-size:14px;font-style:normal}#char1,#char2{position:absolute;box-sizing:border-box;box-shadow:0 0 5px 5px rgba(0,0,0,.5)}#char2{background-color:#14ffe9;height:50px;width:50px;font-size:10px;border-radius:30%;background-origin:border-box;background-clip:content-box,border-box;background-size:cover}@keyframes rotate{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg)}to{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn)}}#start,#start:after{width:380px;height:86px;font-size:36px;font-family:"Bebas Neue",cursive;background:linear-gradient(45deg,transparent 5%,#ff013c 0);border:0;color:#fff;letter-spacing:3px;line-height:88px;box-shadow:6px 0 0 #00e6f6;outline:transparent;position:relative}#start:after{--slice-0:inset(50% 50% 50% 50%);--slice-1:inset(80% -6px 0 0);--slice-2:inset(50% -6px 30% 0);--slice-3:inset(10% -6px 85% 0);--slice-4:inset(40% -6px 43% 0);--slice-5:inset(80% -6px 5% 0);content:"START GAME";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 3%,#00e6f6 0,#00e6f6 5%,#ff013c 0);text-shadow:-3px -3px 0 #f8f005,3px 3px 0 #00e6f6;-webkit-clip-path:var(--slice-0);clip-path:var(--slice-0)}#start:hover:after{animation:glitch 1s;animation-timing-function:steps(2)}@keyframes glitch{0%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);transform:translate(-20px,-10px)}10%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);transform:translate(10px,10px)}20%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);transform:translate(-10px,10px)}30%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);transform:translateY(5px)}40%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);transform:translate(-5px)}50%{-webkit-clip-path:var(--slice-3);clip-path:var(--slice-3);transform:translate(5px)}60%{-webkit-clip-path:var(--slice-4);clip-path:var(--slice-4);transform:translate(5px,10px)}70%{-webkit-clip-path:var(--slice-2);clip-path:var(--slice-2);transform:translate(-10px,10px)}80%{-webkit-clip-path:var(--slice-5);clip-path:var(--slice-5);transform:translate(20px,-10px)}90%{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);transform:translate(-10px)}to{-webkit-clip-path:var(--slice-1);clip-path:var(--slice-1);transform:translate(0)}}
/*# sourceMappingURL=main.6e8da2db.chunk.css.map */