.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{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}:root{--pixel_size:4}.first_walk{top:0;top:calc(0px*var(--pixel_size))}.sec_walk{top:-160px;top:calc(-40px*var(--pixel_size))}.third_walk{top:-320px;top:calc(-80px*var(--pixel_size))}.Character{width:160px;width:calc(40px*var(--pixel_size));height:160px;height:calc(40px*var(--pixel_size));overflow:hidden;margin:0 auto;position:relative}.dog_sprite{-webkit-animation:run_sprite 1s steps(3) infinite;animation:run_sprite 1s steps(3) infinite;width:480px;width:calc(120px*var(--pixel_size));position:absolute}.pixelart{-ms-interpolation-mode:nearest-neighbor;image-rendering:-moz-crisp-edges;image-rendering:pixelated}@-webkit-keyframes run_sprite{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes run_sprite{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}
/*# sourceMappingURL=main.1038867e.chunk.css.map */