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;padding:0;background:linear-gradient(89deg,#ff5edf,#04c8de)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.flexCenter{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}body{font-family:"Courier New",Courier,monospace}#root,.App,.particles,body,html{height:100%}.particles{position:fixed;top:0;left:0;bottom:0;right:0;z-index:-10;width:100%}.none1{display:none}.OR{color:#fff;font-family:"Times New Roman",Times,serif;margin:1rem;font-size:1.5rem}.Tilt{background:linear-gradient(89deg,#ff5edf,#04c8de)}.bounding-box{position:absolute;box-shadow:inset 0 0 0 1px #149df2;display:-webkit-flex;display:flex;cursor:pointer;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center}.imageBox{width:500px}#imageFaceId{max-width:100%;min-width:100%}.spinnerOverlay{position:absolute;width:100%;height:100%;background-color:hsla(0,0%,74.5%,.5);top:0}.detectionSpinner{position:absolute;top:40%;left:40%}@media only screen and (max-width:500px){.imageBox{width:300px}}.Spinner .Loading_Text{color:#e6e6e6;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}.form{width:700px;background:radial-gradient(circle farthest-side at 0 50%,#fb1 23.5%,rgba(240,166,17,0) 0)21px 30px,radial-gradient(circle farthest-side at 0 50%,#b71 24%,rgba(240,166,17,0) 0)19px 30px,linear-gradient(#fb1 14%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 85%,#fb1 0)0 0,linear-gradient(150deg,#fb1 24%,#b71 0,#b71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#b71 0,#b71 76%,#fb1 0)0 0,linear-gradient(30deg,#fb1 24%,#b71 0,#b71 26%,rgba(240,166,17,0) 0,rgba(240,166,17,0) 74%,#b71 0,#b71 76%,#fb1 0)0 0,linear-gradient(90deg,#b71 2%,#fb1 0,#fb1 98%,#b71 0)0 0 #fb1;background-size:40px 60px}.increaseWidth{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.Profile{position:relative;width:75%;background-color:rgba(39,39,39,.6);padding:.5rem}.Profile_editIcon,.Profile_name{color:#fff}.Profile_editIcon:hover{color:#7cb9e8;transition:all .4s ease-in-out}.Profile .entriesNo,.Profile .entriesStatement{color:#fff}.Profile .delete_icon_button{position:absolute;top:.5rem;right:.5rem;background-color:transparent;color:#fff;border:none}.Profile .delete_icon_button:hover{color:#ff5349;transition:all .4s ease-in-out}.profile_photo{width:4rem}.cross_editIcon{color:#fff}.cross_editIcon:hover{color:#ff5349;transition:all .4s ease-in-out}.Main{-webkit-flex-direction:row;flex-direction:row}.Main,.Main_headings{display:-webkit-flex;display:flex}.Main_headings{color:#fff;-webkit-flex-direction:column;flex-direction:column}.Main_headings .heading{font-weight:600}.Main_headings hr{width:100%;border:none;border-top:1px solid #fff}.Main_data{color:hsla(0,0%,100%,.9);font-weight:400;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.Main_data hr{width:100%;border:none;border-top:1px solid #fff}.small-icon{font-size:.9rem;width:1rem;float:right}.editable{background-color:hsla(0,0%,100%,.9);color:#272727;width:50%;margin:auto}.editablePassword{margin-right:0;width:70%;float:left;text-align:center}@media screen and (max-width:400px){.Main{-webkit-flex-direction:column;flex-direction:column}.col-40,.col-60{width:100%!important}}.DeleteConfirmOverlay{opacity:0;visibility:hidden;z-index:100;position:fixed;top:0;left:0;background-color:rgba(39,39,39,.8);-webkit-transform:scale(1.8);transform:scale(1.8);transition:all .4s ease-in-out;height:100%;width:100%}.DeleteConfirmOverlay.active{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1);transition:all .4s ease-in-out}.DeleteConfirmBox{position:relative;background-color:hsla(0,0%,100%,.85);width:60%;height:40%;min-height:200px;top:50%;left:50%;margin-left:-30%;margin-top:-10%}.DeleteConfirmBox .options{display:-webkit-flex;display:flex;position:absolute;bottom:0;right:0}.DeleteConfirmBox .options button{background-color:rgba(39,39,39,.9);border:none;color:#fff;margin:.2rem 1rem}.DeleteConfirmBox .options button.cancelDelete{margin-right:.2rem}.DeleteConfirmBox .options button.confirmDelete{margin-right:.2rem;background-color:rgba(39,39,39,.7)}.DeleteConfirmBox .options button.confirmDelete:hover{cursor:not-allowed}.DeleteConfirmBox .options button.confirmDelete i:hover{color:#fff}.DeleteConfirmBox .options button.confirmDelete.enabled{background-color:rgba(39,39,39,.9)}.DeleteConfirmBox .options button.cancelDelete:hover{color:#7cb9e8;-webkit-transform:scale(1.1);transform:scale(1.1);transition:all .4s ease-in-out}.DeleteConfirmBox .options button.cancelDelete:hover i{color:#7cb9e8;transition:all .4s ease-in-out}.DeleteConfirmBox .options button.confirmDelete.enabled:hover{color:#f50000;-webkit-transform:scale(1.2);transform:scale(1.2);font-weight:600;transition:all .4s ease-in-out;cursor:pointer}.DeleteConfirmBox .options button.confirmDelete.enabled:hover i{color:#f50000;transition:all .4s ease-in-out}.DeleteConfirmBox .securityText{margin-right:40%;margin-left:10%;width:60%;margin-top:1rem}.DeleteConfirmBox p{text-align:left;margin-left:10%;font-size:.8rem;margin-top:.3rem;margin-bottom:0}.DeleteConfirmBox .securityName{font-weight:700}.center{margin:0 auto}.pointer{cursor:pointer}.col-80{width:80%}.col-90{width:90%}.col-20{width:20%}.col-40{width:40%}.col-60{width:60%}.mt-1{margin:1rem}.mt-2{margin:2rem}.inline-block{display:inline-block!important}.ml-1{margin-left:1rem}.mr-auto{margin-right:auto}.flexPassword{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:20%}.centerStable{margin:auto}.increase-width{width:50%}.none{display:none}.broadline{border-top-width:2px!important}.pa-s{padding:.2rem}.pa-v-s{padding:.2rem 0}.pa-m{padding:.5rem}.m-s{margin:.2rem}.m-m{margin:.5rem}.PromptMessage{position:fixed;z-index:20;top:0;margin:0;box-sizing:border-box;width:100%;display:none;-webkit-align-items:center;align-items:center}.PromptMessage_Message{min-width:150px;font-family:"Prompt",sans-serif;text-shadow:1px 1px 3px grey}.PromptMessage_cross{margin-left:auto;transition:all .4s ease-in-out}.PromptMessage_cross:hover{background-color:#fafafa}.PromptMessage.active{display:-webkit-flex;display:flex}.PromptMessage:after{height:100%;position:absolute;width:100%;top:0;content:"";background-color:hsla(0,0%,100%,.7);z-index:-1;margin:0}.GenerateFaces{margin:1rem}.GenerateFaces_button{padding:.8rem;display:none;color:#fff;background-color:#cd00cd;border:none;border-radius:9999px;transition:all .4s ease-in-out}.GenerateFaces_button.active{display:inline-block;background-color:purple;cursor:pointer}.GenerateFaces_button.active:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:#9a009a}.red-border{border:.5rem solid #b22222}.border-box{box-sizing:border-box}.DownloadFacesOverlay{opacity:0;visibility:hidden;z-index:100;position:fixed;top:0;left:0;background-color:rgba(39,39,39,.8);transition:all .4s ease-in-out;height:100%;width:100%}.DownloadFacesOverlay .DownloadFacesBox{border:10px outset #4d004d;-webkit-transform:scale(0);transform:scale(0);background-color:#f5f5f5;position:fixed;width:30rem;aspect-ratio:3/2;inset:0;margin:auto;padding:0 .5rem .5rem;transition:all .4s ease-in-out}.DownloadFacesOverlay .DownloadFacesBox .loadingFaceSpinner{position:absolute;top:20%;left:40%}.DownloadFacesOverlay .Navigation{margin-top:0;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:.4rem .1rem .1rem;border-bottom:1px solid #c2c2c2}.DownloadFacesOverlay .Navigation .cross{cursor:pointer;margin-right:.5rem;margin-top:.2rem;padding:0 .1rem;-webkit-transform:scale(1.7);transform:scale(1.7);border:none;background-color:transparent;box-sizing:border-box;transition:all .4s ease-in-out}.DownloadFacesOverlay .Navigation .cross:hover{color:#8f8f8f;-webkit-transform:scale(2);transform:scale(2)}.DownloadFacesOverlay.active{opacity:1;visibility:visible}.DownloadFacesOverlay.active .DownloadFacesBox{-webkit-transform:scale(1);transform:scale(1);transition:all .4s ease-in-out}.DownloadFacesOverlay .imageCollection{position:relative;margin-top:.8rem;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1rem;height:75%;overflow-y:auto;background-color:#e6e6e6}.DownloadFacesOverlay .imageCollection .img{position:relative;width:100px;height:100px;overflow-y:auto;margin:auto}.DownloadFacesOverlay .imageCollection .img img{width:100%;height:auto;inset:0;margin:9px}.DownloadFacesOverlay .footer{position:absolute;bottom:0;margin-bottom:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;width:100%}.DownloadFacesOverlay .footer .DownloadImages_button{padding:.4rem;-webkit-transform:scale(.7);transform:scale(.7);cursor:pointer;color:#fff;background-color:#1a1a1a;border:none;border-radius:9999px}.DownloadFacesOverlay .footer .DownloadImages_button:hover{background-color:#4d4d4d}@media screen and (max-width:400px){.DownloadFacesOverlay .DownloadFacesBox{width:20rem;aspect-ratio:1/1}.DownloadFacesOverlay .DownloadFacesBox .imageCollection{height:70%;margin-top:.2rem;grid-template-columns:1fr 1fr}.DownloadFacesOverlay .DownloadFacesBox .DownloadImages_button{-webkit-transform:scale(.5);transform:scale(.5)}}@media only screen and (min-width:400px)and (max-width:500px){.DownloadFacesOverlay .DownloadFacesBox{width:25rem}.DownloadFacesOverlay .DownloadFacesBox .imageCollection{height:70%;margin-top:.5rem;grid-template-columns:1fr 1fr 1fr}.DownloadFacesOverlay .DownloadFacesBox .DownloadImages_button{-webkit-transform:scale(.5);transform:scale(.5)}}.ToggleAnimation{position:fixed;z-index:10;top:0;left:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;background-color:hsla(0,0%,50.2%,.5);padding-right:.5rem;color:#fff;font-weight:600;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}.ToggleAnimation .toggleBox{width:2.5rem;height:1.25rem;margin:1rem .3rem 1rem 1rem;border-radius:9999px;background-color:#ccc;padding:.2rem;transition:all .4s ease-in-out;cursor:pointer}.ToggleAnimation .toggleBox.active{background-color:#2196f3}.ToggleAnimation .toggleBox.active .toggleSlider{-webkit-transform:translateX(150%);transform:translateX(150%)}.ToggleAnimation .toggleBox .toggleSlider{width:40%;height:100%;border-radius:50%;background-color:#fff;-webkit-transform:translateX(0);transform:translateX(0);transition:all .4s ease-in-out}.ToggleAnimation span{font-size:1.1rem;text-shadow:3px 3px 3px #ccc}.ImageUploadBox_Main{position:relative;-webkit-justify-content:center;justify-content:center;width:100%}.ImageUploadBox_Main,.ImageUploadBox_Main form{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.ImageUploadBox_Main form{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.ImageUploadBox_Main .imageUploadSubmitBox_btn{display:inline-block;cursor:pointer;background-color:#e6e6e6;border:none;-webkit-transform:scale(1);transform:scale(1);transition:all .4s ease-in-out;font-size:1.3rem;padding:.5rem}.ImageUploadBox_Main .imageUploadSubmitBox_btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1);background-color:#1a1a1a;color:#e6e6e6}.ImageUploadBox_Main:after{content:attr(data-fileName);position:absolute;top:110%;color:#000}.ImageUploadBox{position:relative;overflow:hidden;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-right:1rem}.ImageUploadBox .btn{border:2px dashed grey;color:#0e3386;background-color:#e6e6e6;border-radius:9999px;padding:1rem;font-size:1.3rem;font-weight:700;display:inline-block;transition:all .4s ease-in-out}.ImageUploadBox .btn.hovered{background-color:#0e3386;color:#e6e6e6;border-color:#1345b4;transition:all .4s ease-in-out}.ImageUploadBox .fileUploadInput{font-size:100px;position:absolute;right:0;top:0;opacity:0;cursor:pointer;overflow:hidden}.mr-s{margin-right:.2rem}.mr-m{margin-right:.5rem}
/*# sourceMappingURL=main.cd069585.chunk.css.map */