body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.card{align-items:center;background-color:#faf7f7;border-radius:5px;box-shadow:1px 1px 2px 1px rgba(0,0,0,.15);display:flex;justify-content:center;margin:20px 20px 50px;padding:30px;position:relative;transition:all .2s ease-in-out;width:80%}.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:#5a0795;border:.16em solid rgba(153,206,68,0);border-radius:10px;box-sizing:border-box;color:#aa164c;display:inline-block;font-family:Roboto,sans-serif;font-weight:300;padding:.3em 1.2em;text-align:center;text-decoration:none;text-shadow:0 .04em .04em rgba(41,104,149,.35);transition:all .2s}.css-btn:hover{border-color:#971772}.css-btn:focus{box-shadow:none;outline:none}@media (max-width:30em){.css-btn{display:block;margin:.2em auto}}.header-div{background-color:#310054;color:#fff;font-size:17px;font-weight:500;padding:20px;text-align:center}.load-div{margin-top:5%}.center-div{display:flex}.center-div,.center-div-wrap{align-items:center;justify-content:center}.center-div-wrap{display:block;flex-wrap:wrap}.dropzone{align-items:center;background:#fff;border:3px dashed #000;border-radius:5px;cursor:pointer;display:flex;height:100%;justify-content:center;padding:16px 11px;width:100%}.dropzone-image{border:thin solid rgba(64,64,64,.15);border-radius:5px;height:100px;margin:5px;object-fit:cover;width:100px}.image-container{height:100%;position:relative;width:100%}.image-canvas{left:0;position:absolute;top:0}.result{align-items:center;background-color:#950740;border-radius:5px;box-shadow:1px 1px 2px 1px rgba(0,0,0,.15);color:#fff;display:flex;font-weight:500;justify-content:center;margin:20px 20px 50px;padding:10px;position:relative;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}.demo-title{border-bottom-style:solid;font-size:22px;padding-bottom:10px}.black-text{color:#000;font-weight:400}.top-div{align-items:center;display:flex;justify-content:center}@media screen and (min-width:1000px){.top-div{margin-left:100px;margin-right:100px}}.section-div{padding:20px;width:33%}.selected-div{background-color:#ffe0e8;border:2px solid #540015;border-radius:8px}.deselected-div,.selected-div{padding-bottom:20px;padding-top:20px;text-align:center}.deselected-div{background-color:#950740;border-radius:8px}.selected-text{color:#540015;font-weight:500}.deselected-text{color:#fff;font-weight:400}.lds-roller{display:inline-block;height:64px;position:relative;width: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;-webkit-transform-origin:32px 32px;transform-origin:32px 32px}.lds-roller div:after{background:#950740;border-radius:50%;content:" ";display:block;height:6px;margin:-3px 0 0 -3px;position:absolute;width:6px}.lds-roller div:first-child{-webkit-animation-delay:-36ms;animation-delay:-36ms}.lds-roller div:first-child:after{left:50px;top:50px}.lds-roller div:nth-child(2){-webkit-animation-delay:-72ms;animation-delay:-72ms}.lds-roller div:nth-child(2):after{left:45px;top:54px}.lds-roller div:nth-child(3){-webkit-animation-delay:-.108s;animation-delay:-.108s}.lds-roller div:nth-child(3):after{left:39px;top:57px}.lds-roller div:nth-child(4){-webkit-animation-delay:-.144s;animation-delay:-.144s}.lds-roller div:nth-child(4):after{left:32px;top:58px}.lds-roller div:nth-child(5){-webkit-animation-delay:-.18s;animation-delay:-.18s}.lds-roller div:nth-child(5):after{left:25px;top:57px}.lds-roller div:nth-child(6){-webkit-animation-delay:-.216s;animation-delay:-.216s}.lds-roller div:nth-child(6):after{left:19px;top:54px}.lds-roller div:nth-child(7){-webkit-animation-delay:-.252s;animation-delay:-.252s}.lds-roller div:nth-child(7):after{left:14px;top:50px}.lds-roller div:nth-child(8){-webkit-animation-delay:-.288s;animation-delay:-.288s}.lds-roller div:nth-child(8):after{left:10px;top:45px}@-webkit-keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-roller{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.06dc039b.css.map*/