body,html{width:100%;height:100%;padding:0;margin:0}:root{--shadow:-2px 4px 7px 0px rgb(0 0 0/68%),3px -7px 17px 0px rgb(255 255 255/39%)}#root{background:linear-gradient(to left bottom,#dbdbdb,#9e9e9e,#4f4f4f);display:flex;justify-content:center;align-items:center;height:100%}.spacer{padding:10px}.App{position:relative;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;transform:translateY(50%);justify-content:center}.App .column{margin:10px;padding:5px;background-color:#474747;border-radius:5px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;top:0;box-shadow:-2px 4px 7px 0 rgb(0 0 0/68%),3px -7px 17px 0 rgb(255 255 255/39%);box-shadow:var(--shadow)}.App .column,.App .number{position:relative;transition:all .5s ease-in-out}.App .number{font-family:monospace;color:#fff;height:30px;width:30px;line-height:30px;text-align:center;transform:scale(.9)}.App .number.active{transform:scale(1.3)}.App .number:after{content:"";position:absolute;border-radius:100%;width:120%;height:120%;left:-3px;top:-3px;margin:0 auto;opacity:0;box-shadow:-2px 4px 7px 0 rgb(0 0 0/68%),3px -7px 17px 0 rgb(255 255 255/39%);box-shadow:var(--shadow);transition:all .5s ease-in-out}.App .number.active:after{opacity:1}
/*# sourceMappingURL=main.057ad2e3.chunk.css.map */