body{font-family:monospace;font-size:3rem;margin:0}.App{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly;padding:0 5%;text-align:center}.arrow-box{grid-column-gap:1rem;grid-row-gap:1rem;display:grid;grid-template-columns:repeat(3,75px);grid-template-rows:repeat(3,75px)}.arrow-box__arrow,.arrow-box__arrow--bottom,.arrow-box__arrow--left,.arrow-box__arrow--middle,.arrow-box__arrow--right,.arrow-box__arrow--top{height:75px;width:75px}.arrow-box__arrow--top{grid-area:1/2/2/3;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.arrow-box__arrow--left{grid-area:2/1/3/2}.arrow-box__arrow--right{grid-area:2/3/3/4;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.arrow-box__arrow--bottom{grid-area:3/2/4/3;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.arrow-box__arrow--middle,.bg{grid-area:2/2/3/3}.bg{-webkit-appearance:none;appearance:none;border:4px solid #000;height:5rem;padding:0;width:5rem}.bg::-webkit-color-swatch-wrapper{padding:0}.bg::-webkit-color-swatch{border:none}
/*# sourceMappingURL=main.8d5ea93a.css.map*/