body,html{margin:0;padding:0;width:100vw}body{font-family:"roboto mono",Lato,"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(89deg,#9fb8ad,#1fc8db 51%,#2cb5e8 75%)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{width:100vw}.particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.Navbar{display:flex;justify-content:flex-end;padding:20px;flex:1 1}.Navbar__Register,.Navbar__signout{background-color:transparent;border:1.5px solid #fff;border-radius:4px;height:35px;width:120px;font-size:14px;outline:none;cursor:pointer;color:#fff;font-weight:600}.Navbar__Register{background-color:#00b6ff;border:none;height:37.5px}.Navbar__signout{margin-right:1rem}.Navbar__Register:hover,.Navbar__signout:hover{transition:all .5s;color:#f3f3f3;border-color:#f3f3f3;transform:scale(1.1)}.Logo{margin:0 2rem 2rem}.Tilt{transform-style:preserve-3d;height:150px;width:150px;border-radius:2px;box-shadow:0 0 8px 2px rgba(0,0,0,.2);background:linear-gradient(89deg,#9fb8ad,#1fc8db 51%,#2cb5e8 75%)}.Tilt-inner{transform:translateZ(25px);display:grid;place-items:center;height:inherit}.Tilt-inner img{height:100px;object-fit:contain;padding-top:5px}@media (max-width:280px){.Tilt{height:120px;width:120px}}.LinkForm{display:grid;place-items:center}.LinkForm__description{font-size:1.5rem;color:#fdfdfd;text-align:center}.LinkForm__formContainer{display:grid;place-items:center;width:60%;display:flex;justify-content:center;background-color:hsla(0,0%,100%,.9);border-radius:4px;padding:15px;box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.LinkForm__form{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%}.LinkForm__formInput{margin-right:10px;flex:0.8 1;height:28px;border-radius:4px;outline:none;border:1.5px solid #2cb5e8;color:#2cb5e8;font-size:1rem;padding:2px 5px}.LinkForm__formInput::-webkit-input-placeholder{color:#2cb5e8}.LinkForm__formInput:-ms-input-placeholder{color:#2cb5e8}.LinkForm__formInput::-ms-input-placeholder{color:#2cb5e8}.LinkForm__formInput::placeholder{color:#2cb5e8}.LinkForm__formButton{flex:0.2 1;color:#fff;border:none;height:35px;background:linear-gradient(89deg,#9fb8ad,#1fc8db 51%,#2cb5e8 75%);border-radius:4px;outline:none;font-size:1rem;margin-left:10px;cursor:pointer}.LinkForm__formButton:hover{transition:all .5s;transform:scale(1.1)}@media (max-width:490px){.LinkForm__formContainer{width:85%}.LinkForm__description{font-size:1.2rem}}@media (max-width:350px){.LinkForm__formContainer{width:90%}}@media (max-width:280px){.LinkForm__formContainer{width:80%}.LinkForm__formInput{margin-right:0;flex:1 1}.LinkForm__formButton{margin-top:1em;margin-left:0;flex:.5 1}}.Rank{display:flex;justify-content:space-evenly;box-shadow:4px 4px 8px 0 rgba(0,0,0,.2);width:31%;border-radius:8px;padding:18px;margin:-6% auto 12px;align-items:center;flex-wrap:wrap;background-color:#eaf8fd}.Rank__user{font-size:1.5rem;color:#2cb5e8}.Rank__score{background-color:#4cbce9;width:50px;text-align:center;border-radius:8px;color:#eaf8fd;font-size:2rem;height:50px;box-shadow:0 0 8px 2px rgba(0,0,0,.2)}.Rank__score>p{height:inherit;margin:5px 0 0}@media (max-width:1050px){.Rank{width:40%;margin-top:-1%}}@media (max-width:860px){.Rank{width:50%;margin-top:-2%}}@media (max-width:690px){.Rank{width:60%;margin-top:-1%}}@media (max-width:550px){.Rank{width:70%}}@media (max-width:490px){.Rank{width:80%}}@media (max-width:420px){.Rank__score{width:45px;height:45px;font-size:1.5rem}.Rank__user{font-size:1.2rem}}@media (max-width:350px){.Rank{width:85%}}@media (max-width:280px){.Rank{width:80%}.Rank__user{font-size:1rem}.Rank__score{width:35px;height:35px;font-size:1.5rem;margin-left:6px}}.FaceRecognitionBox{display:flex;justify-content:center;margin:auto}.FaceRecognitionBox__imageContainer{position:absolute;margin-top:.5rem}.FaceRecognitionBox__image{width:500px;object-fit:contain}.FaceRecognitionBox_imageBoundingBox{position:absolute;box-shadow:inset 0 0 0 3px #149df2;display:flex;flex-wrap:wrap;justify-content:center;cursor:pointer}@media (max-width:400px){.FaceRecognitionBox__imageContainer{width:100vw}.FaceRecognitionBox__image{width:100%}}.Signin{display:grid;place-items:center;margin-top:9rem}.Signin__container{width:45%;padding:2rem;border-radius:.25rem;border:1px solid #79dae4;box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.Signin__form{max-width:30em;margin-right:auto;margin-left:auto}.Signin__formFieldset{border-color:transparent}.Signin__formFieldset,.Signin__formFieldset>legend{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.Signin__formFieldset>legend{font-size:1.25rem;font-weight:600;color:#f2fbfe;margin-bottom:1rem}.Signin__formFieldsetPassword{margin:1rem 0}.Signin__formFieldsetEmail>label,.Signin__formFieldsetPassword>label{display:block;font-weight:600;font-size:.9rem;line-height:1.5;color:#f2fbfe}.Signin__formFieldsetEmail>input,.Signin__formFieldsetPassword>input{padding:.5rem;-webkit-appearance:none;-moz-appearance:none;border:1px solid #f2fbfe;background-color:transparent;width:100%;outline:none;color:#f2fbfe;font-size:1rem}.Signin__formFieldsetEmail>input::-webkit-input-placeholder,.Signin__formFieldsetPassword>input::-webkit-input-placeholder{color:rgba(242,251,242,.71)}.Signin__formFieldsetEmail>input:-ms-input-placeholder,.Signin__formFieldsetPassword>input:-ms-input-placeholder{color:rgba(242,251,242,.71)}.Signin__formFieldsetEmail>input::-ms-input-placeholder,.Signin__formFieldsetPassword>input::-ms-input-placeholder{color:rgba(242,251,242,.71)}.Signin__formFieldsetEmail>input::placeholder,.Signin__formFieldsetPassword>input::placeholder{color:rgba(242,251,242,.71)}.Signin__formFieldsetPassword+label{margin:0;padding:.5rem 0;font-size:.875rem;color:#f2fbfe;line-height:1.5;cursor:pointer}.Signin__formRegisterButton{margin-top:1rem;line-height:1.5}.Signin__formSigninButton>button{font-weight:700;padding:.5rem 1rem;-webkit-appearance:none;-moz-appearance:none;outline:none;border:1px solid #f2fbfe;background-color:transparent;color:#f2fbfe;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:transform .25s ease-out;cursor:pointer;display:inline-block;font-size:.875rem;border-radius:4px}.Signin__formRegisterButton>button{border:none;outline:none;background-color:transparent;padding:0;font-size:.875rem;color:#000;display:block;opacity:1;transition:opacity .15s ease-in;font-weight:700;cursor:pointer}.Signin__formRegisterButton>a:active,.Signin__formRegisterButton>a:focus,.Signin__formRegisterButton>a:hover,.Signin__formRegisterButton>button:active,.Signin__formRegisterButton>button:focus,.Signin__formRegisterButton>button:hover{opacity:.5;transition:opacity .15s ease-in}.Signin__formRegisterButton>button:focus,.Signin__formRegisterButton>button:hover,.Signin__formSigninButton>button:focus,.Signin__formSigninButton>button:hover{transform:scale(1.05)}.Signin__formRegisterButton>button:active,.Signin__formSigninButton>button:active{transform:scale(.9)}@media (max-width:440px){.Signin__container{width:65%}}@media (max-width:280px){.Signin__container{width:80%;padding:unset;border-radius:unset;background:transparent;border:none;box-shadow:none}}.Register{display:grid;place-items:center;margin-top:5rem}.Register__container{width:45%;padding:2rem;border-radius:.25rem;border:1px solid #79dae4;box-shadow:4px 4px 8px 0 rgba(0,0,0,.2)}.Register__form{max-width:30em;margin-right:auto;margin-left:auto}.Register__formFieldset{border-color:transparent}.Register__formFieldset,.Register__formFieldset>legend{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.Register__formFieldset>legend{font-size:1.25rem;font-weight:600;color:#f2fbfe;margin-bottom:1rem}.Register__formFieldsetEmail,.Register__formFieldsetPassword{margin:1rem 0}.Register__formFieldsetEmail>label,.Register__formFieldsetName>label,.Register__formFieldsetPassword>label{display:block;font-weight:600;font-size:.9rem;line-height:1.5;color:#f2fbfe}.Register__formFieldsetEmail>input,.Register__formFieldsetName>input,.Register__formFieldsetPassword>input{padding:.5rem;-webkit-appearance:none;-moz-appearance:none;border:1px solid #f2fbfe;background-color:transparent;width:100%;outline:none;color:#f2fbfe;font-size:1rem}.Register__formFieldsetEmail>input::-webkit-input-placeholder,.Register__formFieldsetName>input::-webkit-input-placeholder,.Register__formFieldsetPassword>input::-webkit-input-placeholder{color:rgba(242,251,242,.71)}.Register__formFieldsetEmail>input:-ms-input-placeholder,.Register__formFieldsetName>input:-ms-input-placeholder,.Register__formFieldsetPassword>input:-ms-input-placeholder{color:rgba(242,251,242,.71)}.Register__formFieldsetEmail>input::-ms-input-placeholder,.Register__formFieldsetName>input::-ms-input-placeholder,.Register__formFieldsetPassword>input::-ms-input-placeholder{color:rgba(242,251,242,.71)}.Register__formFieldsetEmail>input::placeholder,.Register__formFieldsetName>input::placeholder,.Register__formFieldsetPassword>input::placeholder{color:rgba(242,251,242,.71)}.Register__formFieldsetPassword+label{margin:0;padding:.5rem 0;font-size:.875rem;color:#f2fbfe;line-height:1.5;cursor:pointer}.Register__formRegisterButton{margin-top:1rem;line-height:1.5}.Register__formSigninButton>button,.Register__formSignupButton>button{font-weight:700;padding:.5rem 1rem;-webkit-appearance:none;-moz-appearance:none;outline:none;border:1px solid #f2fbfe;background-color:transparent;color:#f2fbfe;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:transform .25s ease-out;cursor:pointer;display:inline-block;font-size:.875rem;border-radius:4px}.Register__formSigninButton>button{border:none;outline:none;background-color:transparent;display:block;padding:0}.Register__formSigninButton>button,.Register__formSigninButton>p{font-size:.875rem;color:#000;display:block;opacity:1;transition:opacity .15s ease-in}.Register__formSigninButton>button:active,.Register__formSigninButton>button:focus,.Register__formSigninButton>button:hover,.Register__formSigninButton>p:hover{opacity:.5;transition:opacity .15s ease-in}.Register__formSignupButton>button:focus,.Register__formSignupButton>button:hover{transform:scale(1.05)}.Register__formSignupButton>button:active{transform:scale(.9)}@media (max-width:440px){.Register__container{width:65%}}@media (max-width:280px){.Register__container{width:80%;padding:unset;border-radius:unset;background:transparent;border:none;box-shadow:none}}
/*# sourceMappingURL=main.2c21d4e2.chunk.css.map */