@font-face{font-display:swap;font-family:Simple;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Danjo-bold-Regular.woff2) format("woff2")}*{box-sizing:border-box;-webkit-box-sizing:border-box;font-family:Simple,sans-serif;margin:0;padding:0}html{font-size:16px}body{margin:0;padding:0}.App{background-color:#282c34;color:#fff;flex-direction:column;font-family:Simple,sans-serif;justify-content:center;padding:0;text-align:center}.App,.App .head{align-items:center;display:flex}.App .head{border-bottom:1px solid #3a3a3a;color:#ccc;flex-direction:row;height:3rem;justify-content:space-between;padding:0 .5rem;position:relative;width:100%}.App .head .title{font-size:1.2rem;font-weight:700;padding-left:2.5rem;position:relative}.App .head .title,.App .head .title:before{align-items:center;display:flex;height:2rem}.App .head .title:before{background-color:tomato;background-image:url(/static/media/image.a875b496d5a29aadb5f5.png);background-position:50%;background-size:cover;border-radius:50%;box-shadow:0 0 5px #ffffff4d;content:"";justify-content:center;left:0;position:absolute;top:0;width:2rem}.App .head button.clear{background-color:tomato;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.App .head button.clear:hover{background-color:#c00}.App .numbers-list{align-items:flex-start;display:flex;flex-direction:column;gap:1vw;height:calc(100vh - 10rem);justify-content:flex-start;overflow:auto;padding:2vw 1vw;position:relative;width:100%}.App .numbers-list .item-container{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:space-between;padding:1vw;width:100%}.App .numbers-list .item-container .item{align-items:center;background-color:#444;border:1px solid #666;border-radius:4px;display:flex;font-size:7vw;height:13vw;justify-content:center;width:13vw}.App .numbers-list .item-container.checked{opacity:.1}.App .button-area{align-items:center;border-top:1px solid #3a3a3a;display:flex;height:7rem;justify-content:center;overflow:visible;position:relative;width:100%}.App .button-area button.btn-generate{border-radius:.5rem;font-size:1rem;height:4rem;width:80%}.App .button-area button.btn-generate:hover{opacity:.8}.App .button-area button.btn-generate:active{opacity:.6}.App .button-area .date{align-items:center;color:#6d6d6d;display:flex;font-size:.8rem;height:auto;justify-content:center;padding:.2rem .5rem;position:absolute;right:0;top:0}
/*# sourceMappingURL=main.d6f99bf1.css.map*/