#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}@font-face{font-family:Baloo Paaji\ 2;src:url(../fonts/BalooPaaji2-Bold.c28a68b1.ttf);font-weight:700}@font-face{font-family:Baloo Paaji\ 2;src:url(../fonts/BalooPaaji2-Regular.9b538d73.ttf)}[data-aos=up]{transform:translateY(25px);opacity:0;transition-property:all}[data-aos=up].aos-animate{transform:translateY(0);opacity:1}*{font-family:Baloo Paaji\ 2,cursive;-webkit-appearance:none}a{text-decoration:none;color:#d68fe9;transition:all .3s ease-out}a:hover{color:#986db2}.container{width:1170px;padding:20px 15px;margin:0 auto;margin-top:40px;margin-bottom:40px;transition:all .5s ease;overflow:hidden;box-sizing:border-box}.container p{font-size:36px;text-align:left;color:#e87a90;font-weight:700;margin:0}.container .git-ref{margin-bottom:35px;text-align:left;font-weight:700;font-size:20px}@media screen and (min-width:1200px){.container{width:1170px}}@media screen and (min-width:992px) and (max-width:1199px){.container{width:970px}}@media screen and (min-width:768px) and (max-width:991px){.container{width:750px}}@media screen and (max-width:767px){.container{width:100%}}.text-b{font-weight:700}button,input{border:none}button:focus,input:focus{outline:none}button:hover{cursor:pointer}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.image-selector{display:inline-block;width:66%;padding:10px;box-sizing:border-box;background-color:#fedfe1;border-radius:12px;cursor:pointer;transition:all .5s ease;position:relative}@media screen and (max-width:767px){.image-selector{display:block;float:none;width:100%}}.image-selector:hover{background-color:#f8c3cd}.image-selector:hover .in .content .icon{transform:translateY(-10px);background-color:#f596aa}.image-selector .in{display:table;text-align:center;width:100%;height:310px;border:2px dashed #e87a90;border-radius:10px;background-color:hsla(0,0%,100%,.9)}.image-selector .in .content{display:table-cell;vertical-align:middle;width:100%}.image-selector .in .content .icon{position:relative;display:inline-block;width:8%;padding:14px;border-radius:50%;background-color:#e87a90;transition:all .5s ease}.image-selector .in .content .icon img{width:100%}.image-selector .in .content .icon .file-input{position:absolute;top:0;left:0;z-index:0;opacity:0;width:100px;height:200px;cursor:pointer}.image-selector .in .content .text{margin-top:17px;font-size:26px;color:#e87a90}.image-selector .img-in{position:relative}.image-selector .img-in .cropper-splitter{position:absolute;top:0;left:0;border:1.5px solid #39f;box-sizing:border-box;background-color:hsla(0,0%,100%,.3);transition:all .3s ease}.image-selector .img-in .cropper-splitter .cont-square{width:100%;position:absolute;left:0;box-sizing:border-box}.image-selector .img-in .cropper-splitter .cont-square .square{display:inline-block}.image-selector .img-in .cropper-splitter .cont-square .bright{border-right:1.3px dashed #3dea04;margin-right:-1.3px}.image-selector .img-in .cropper-splitter .cont-square .bbottom{border-bottom:1.3px dashed #3dea04;margin-bottom:-1.3px}.image-selector .img-in .img-show{width:100%;display:block}.image-selector .img-in .file-input-bg{position:absolute;top:0;left:0;z-index:2;opacity:0;width:100%;height:100%;cursor:pointer}.splitter-params{width:28%;display:inline-block;min-height:332px;padding:30px;box-sizing:border-box;background-color:hsla(0,0%,100%,.9);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.24);margin-left:5%;transition:all .5s ease-out;text-align:left;position:relative;vertical-align:top}@media screen and (max-width:767px){.splitter-params{width:100%;margin:20px 0;min-height:300px}}.splitter-params:hover{box-shadow:0 10px 20px rgba(0,0,0,.2),0 6px 6px rgba(0,0,0,.3)}.splitter-params .text{font-size:25px;color:#e87a90}.splitter-params .size-input-container{position:relative}.splitter-params .size-input-container span{position:absolute;right:6%;top:27%;font-size:25px;color:#b854d4;font-weight:700}.splitter-params .size-input{width:100%;box-sizing:border-box;box-shadow:0 0 2px 0 rgba(0,0,0,.1),0 2px 2px 0 rgba(0,0,0,.2);padding:10px 17px;border-radius:10px;font-size:18px;margin:20px 0 10px 0;color:#b854d4;font-weight:600;letter-spacing:1.5px;transition:all .3s ease-out}.splitter-params .size-input:focus{box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.24)}.splitter-params .btn-group{display:flex;justify-content:left}.splitter-params .btn-group .btn-plus,.splitter-params .btn-group .btn-sub{border-radius:50%;width:30px;margin-right:7px;padding:4px;font-weight:700;color:#b854d4;transition:all .3s ease}.splitter-params .btn-group .btn-plus:hover,.splitter-params .btn-group .btn-sub:hover{box-shadow:0 0 2px 0 rgba(0,0,0,.1),0 2px 2px 0 rgba(0,0,0,.2)}.splitter-params .btn-group .btn-sub{background-color:rgba(0,0,0,.1)}.splitter-params .btn-group .btn-plus{background-color:#f8c3cd}.splitter-params .split-btn-ct{padding-bottom:inherit;padding-left:inherit;padding-right:inherit;box-sizing:border-box;position:absolute;bottom:0;left:0;width:100%}.splitter-params .split-btn-ct .split-btn{font-size:18px;font-weight:700;letter-spacing:1.5px;width:100%;height:46px;background-color:#fedfe1;color:#e87a90;border-radius:15px;transition:all .3s ease-out}.splitter-params .split-btn-ct .split-btn:hover{cursor:pointer;background-color:hsla(0,0%,100%,.9);border:3px solid #e87a90;transform:translateY(-5px)}.qr-container{display:flex;justify-content:space-between;flex-wrap:wrap;border:3px solid #e87a90;border-radius:25px;margin:30px 0;padding:20px 60px;transition:all .4s ease-out;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.24)}.qr-container:hover{box-shadow:0 10px 20px rgba(0,0,0,.2),0 6px 6px rgba(0,0,0,.3)}.qr-container p{margin:0;margin-bottom:10px;color:#e87a90;font-weight:700;font-size:25px;letter-spacing:1.5px}.qr-container .qr-img-container .qr-img{width:192px}.qr-container .canvas-container canvas{width:192px;height:192px}