@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);:root{--font-base:"DM Sans",sans-serif;--primary-color:#edf2f8;--secondary-color:#313bac;--black-color:#030303;--lightGray-color:#e4e4e4;--gray-color:#6b7688;--brown-color:#46364a;--white-color:#fff}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}.App{font-family:var(--font-base);min-height:100vh}.App,.App .Header{background-color:#1a1a1a}.App .Header{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid hsla(0,0%,100%,.1);color:var(--white-color);display:flex;flex-direction:column;font-weight:300;justify-content:center;padding:.5rem 0;position:relative;text-align:center;transition:all .4s ease-in-out;width:100%}.App .Header p{font-size:1rem;margin-top:.5rem}.App .Header:hover{color:#e358ff}.App .Header__text{align-items:center;border-radius:15px;color:var(--white-color);display:flex;font-weight:200;height:auto;justify-content:center;margin-top:2rem;text-align:center;width:auto}.App .Header__text span{color:#e358ff}.App .Header__text1{border-radius:15px;color:var(--white-color);display:flex;font-weight:200;height:auto;justify-content:center;margin-top:1rem;width:auto}.App .Header__text1 a{color:#a958fb;font-weight:500}.App .inputHolder{margin:auto;padding:2rem 1rem;width:300px}.App .inputHolder,.App .inputHolder .uploadInput{align-items:center;display:flex;justify-content:center}.App .inputHolder .uploadInput{background-color:var(--white-color);border-radius:15px;box-shadow:0 0 20px rgba(0,0,0,.1);cursor:pointer;flex-direction:row;padding:1rem 2rem;transition:all .4s ease-in-out}.App .inputHolder .uploadInput:hover{box-shadow:0 0 25px hsla(0,0%,100%,.35)}.App .buttonHolder{align-items:center;display:flex;justify-content:center;margin-top:2rem;padding-bottom:2rem}.App .buttonHolder .button{background-color:#8c2aeb;border:none;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.2);color:var(--white-color);cursor:pointer;display:flex;font-size:20px;padding:.5rem 1.5rem;transition:all .4s ease-in-out}.App .buttonHolder .button:hover{box-shadow:0 0 25px rgba(0,0,0,.5)}.App .mainWrapper{align-items:center;display:flex;flex-direction:row;justify-content:center}@media screen and (max-width:800px){.App .mainWrapper{flex-direction:column}}.App .mainWrapper .resultsHolder{margin-left:2rem;padding:30px}@media (max-width:800px){.App .mainWrapper .resultsHolder{margin-left:0;padding:0 .5rem;width:100%}}.App .mainWrapper .resultsHolder .result{border:1px solid #333;border-radius:10px;color:var(--white-color);margin:0 0 10px;padding:10px}@media screen and (max-width:1200px){.App .mainWrapper .resultsHolder .result{margin-top:1rem}}.App .mainWrapper .resultsHolder .result:first-of-type{background:linear-gradient(130deg,#8c2aeb 15%,#e60aaa);border-color:none}.App .mainWrapper .resultsHolder .result:first-of-type .name{color:#fff}.App .mainWrapper .resultsHolder .result:first-of-type .confidence{color:#dfdfdf}.App .mainWrapper .resultsHolder .result .name{font-size:20px;font-weight:500;text-transform:uppercase}.App .mainWrapper .resultsHolder .result .confidence{color:#e358ff;display:block;font-weight:200}.App .mainWrapper .resultsHolder .result .confidence .bestGuess{align-items:flex-end;background:#fff;border-radius:10px;color:#333;margin-left:3px;padding:2px 6px}.App .mainWrapper .mainContent .imageHolder{height:100%;margin-left:2rem;width:100%}.App .mainWrapper .mainContent .imageHolder img{border-radius:1rem;box-shadow:0 0 25px hsla(0,0%,100%,.2);height:100%;max-height:400px;object-fit:contain;width:100%}@media screen and (max-width:1200px){.App .mainWrapper .mainContent .imageHolder img{height:50%;margin-left:0;width:100%}}@media screen and (max-width:800px){.App .mainWrapper .mainContent .imageHolder{height:50%;margin-left:0;width:100%}}
/*# sourceMappingURL=main.d0a466ee.css.map*/