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}.header-div{padding:20px;background-color:#210133;text-align:center;color:#fff;font-weight:500;font-size:20px}.load-div{margin-top:5%}.card{display:flex;align-items:center;justify-content:center;width:80%;box-shadow:1px 1px 2px 1px rgba(0,0,0,.15);padding:30px;position:relative;background-color:#faf7f7;margin:20px 20px 50px;border-radius:5px;transition:all .2s ease-in-out}.card:hover{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);margin-bottom:54px}.css-btn{background-color:#6e00b8;display:inline-block;padding:.3em 1.2em;border:.16em solid hsla(0,0%,100%,0);border-radius:10px;box-sizing:border-box;text-decoration:none;font-family:"Roboto",sans-serif;font-weight:300;color:#fff;text-shadow:0 .04em .04em rgba(0,0,0,.35);text-align:center;transition:all .2s}.css-btn:hover{border-color:#fff}.css-btn:focus{outline:none;box-shadow:none}@media (max-width:30em){.css-btn{display:block;margin:.2em auto}}.center-div{display:flex}.center-div,.center-div-wrap{align-items:center;justify-content:center}.center-div-wrap{display:block;flex-wrap:wrap}.dropzone{display:flex;align-items:center;justify-content:center;cursor:pointer;border:3px dashed #000;background:#fff;width:100%;height:100%;padding:16px 11px;border-radius:5px}.dropzone-image{margin:5px;width:100px;height:100px;border:thin solid rgba(64,64,64,.15);border-radius:5px;object-fit:cover}.image-container{position:relative;width:100%;height:100%}.image-canvas{position:absolute;top:0;left:0}.result{display:flex;align-items:center;justify-content:center;box-shadow:1px 1px 2px 1px rgba(0,0,0,.15);padding:10px;color:#fff;font-weight:500;position:relative;background-color:#6e00b8;margin:20px 20px 50px;border-radius:5px;transition:all .2s ease-in-out}.result:hover{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);margin-bottom:54px}.top-div{display:flex;align-items:center;justify-content:center}@media screen and (min-width:1000px){.top-div{margin-left:100px;margin-right:100px}}.section-div{width:33%;padding:20px}.selected-div{background-color:#ebc2ff;border-radius:8px;border:2px solid #8016b5}.deselected-div,.selected-div{padding-top:20px;padding-bottom:20px;text-align:center}.deselected-div{background-color:#6e00b8;border-radius:8px}.selected-text{font-weight:500;color:#8016b5}.deselected-text{font-weight:400;color:#fff}.lds-roller{display:inline-block;position:relative;width:64px;height:64px}.lds-roller div{-webkit-animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:32px 32px}.lds-roller div:after{content:" ";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#6e00b8;margin:-3px 0 0 -3px}.lds-roller div:first-child{-webkit-animation-delay:-36ms;animation-delay:-36ms}.lds-roller div:first-child:after{top:50px;left:50px}.lds-roller div:nth-child(2){-webkit-animation-delay:-72ms;animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:54px;left:45px}.lds-roller div:nth-child(3){-webkit-animation-delay:-.108s;animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:57px;left:39px}.lds-roller div:nth-child(4){-webkit-animation-delay:-.144s;animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:58px;left:32px}.lds-roller div:nth-child(5){-webkit-animation-delay:-.18s;animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:57px;left:25px}.lds-roller div:nth-child(6){-webkit-animation-delay:-.216s;animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:54px;left:19px}.lds-roller div:nth-child(7){-webkit-animation-delay:-.252s;animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:50px;left:14px}.lds-roller div:nth-child(8){-webkit-animation-delay:-.288s;animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:45px;left:10px}@-webkit-keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-roller{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.82c4aef5.chunk.css.map */