.home-page{min-height:100vh;padding:0 10%}.home-page .particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.navigation{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.navigation .sign-out{margin-top:25px;padding:10px 15px;cursor:pointer}.image-link-form .title{font-size:2rem}.image-link-form .subtitle{text-align:center;margin:20px 0;font-size:1.2rem;font-weight:lighter}.image-link-form .form-container{display:flex;flex-direction:column;width:80%;max-width:750px;margin:0 auto;padding:20px;color:#1d5787;box-shadow:0 0 5px #333}.image-link-form .form-container .form-group{flex:1 1 100%;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.image-link-form .form-container .form-group:hover{box-shadow:0 0 5px #fcfafa}.image-link-form .form-container .form-group .text-input{width:100%;height:30px;padding:20px 10px;font-size:1rem;color:#1d5787;border:none}.image-link-form .form-container .form-group .btn{padding:8px 30px;background-color:#662cb3;color:#fcfafa;font-size:1.25rem;border:none}.image-link-form .form-container .form-group .btn:hover{background-color:#ffbf00;color:#0b2133;cursor:pointer}.image-link-form .form-container .example{color:#d6baba;font-size:small;text-decoration:underline}.rank{margin-bottom:25px}.face-recognition,.rank{display:flex;justify-content:center}.face-recognition{margin:25px auto}.face-recognition .image{border-radius:3px;box-shadow:0 0 10px #0b2133;min-width:500px;max-width:750px;max-height:40vh;height:auto}.face-recognition .image:hover{opacity:.9;box-shadow:0 0 5px #fcfafa}.face-recognition .image-wrapper{position:relative}.face-recognition .image-wrapper .bounding-box{position:absolute;box-shadow:inset 0 0 0 3px #e83f6f;display:flex}.input-group{display:flex;flex-direction:column;width:100%;margin-bottom:20px}.input-group .input-label{font-size:1.2rem}.input-group .input-box{font-size:1.2rem;padding:5px;background-color:#fcfafa;opacity:.7;border:1px solid #fcfafa;border-radius:5px}.input-group .input-box:hover{opacity:1}.sign-in{min-width:350px;max-width:500px;background:transparent;margin:50px auto;padding:30px;box-shadow:0 0 5px #333;display:flex;flex-direction:column;align-items:center}.sign-in:hover{box-shadow:0 0 5px #fcfafa}.sign-in .form-input-section{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:10px}.sign-in .form-input-section .title{margin-bottom:20px;width:100%;text-align:start;border-bottom:1px solid #caa}.sign-in .sign-in-btn-wrapper{margin-bottom:20px;width:100%}.sign-in .btn{width:100%;padding:10px;font-size:1.2rem;background:transparent;color:#fcfafa;border-radius:5px;box-shadow:0 0 1px #fcfafa}.sign-in .btn:hover{box-shadow:0 0 5px #fcfafa}.sign-in .register-wrapper .register-link{font-size:1.2rem;font-weight:lighter}html{box-sizing:border-box;font-size:16px}*,:after,:before{box-sizing:inherit}body,h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0;padding:0;font-weight:400}ol,ul{list-style:none}img{max-width:100%;height:auto}@-webkit-keyframes move-in-top{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes move-in-top{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes move-in-bottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes move-in-bottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes fade-in-80{0%{opacity:0}to{opacity:.8}}@keyframes fade-in-80{0%{opacity:0}to{opacity:.8}}*,body{font-family:"Lato",sans-serif}body{background-color:#fff;background:#662cb3;background:linear-gradient(135deg,#662cb3 33%,#e83f6f);background-repeat:no-repeat;font-weight:lighter;font-size:16px;line-height:1.5;color:#fff}h1{font-family:"Josefin Sans",sans-serif;margin-bottom:.35em;text-align:center;line-height:1.2;color:inherit;font-size:2rem}h1 a{color:#2771aa}h2{font-family:"Josefin Sans",sans-serif;margin-bottom:.35em;text-align:center;line-height:1.2;color:inherit;font-size:1.75rem}h2 a{color:#2771aa}h3{font-family:"Josefin Sans",sans-serif;margin-bottom:.35em;text-align:center;line-height:1.2;color:inherit;font-size:1.5rem}h3 a{color:#2771aa}h4{font-family:"Josefin Sans",sans-serif;margin-bottom:.35em;text-align:center;line-height:1.2;color:inherit;font-size:1.25rem}h4 a{color:#2771aa}h5{font-family:"Josefin Sans",sans-serif;margin-bottom:.35em;text-align:center;line-height:1.2;color:inherit;font-size:1rem}h5 a{color:#2771aa}h6{font-family:"Josefin Sans",sans-serif;margin-bottom:.35em;text-align:center;line-height:1.2;color:inherit;font-size:.875rem}a,h6 a{color:#2771aa}a{text-decoration:none;cursor:pointer}.btn:focus,input:focus{outline:0}.register{min-width:350px;max-width:500px;background:transparent;margin:50px auto;padding:30px;box-shadow:0 0 5px #333;display:flex;flex-direction:column;align-items:center}.register:hover{box-shadow:0 0 5px #fcfafa}.register .form-input-section{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:10px}.register .form-input-section .title{margin-bottom:20px;width:100%;text-align:start;border-bottom:1px solid #caa}.register .form-input-section .input-group{display:flex;flex-direction:column;width:100%;margin-bottom:20px}.register .form-input-section .input-group .input-label{font-size:1.2rem}.register .form-input-section .input-group .input-box{font-size:1.2rem;padding:5px;background-color:#fcfafa;opacity:.7;border:1px solid #fcfafa;border-radius:5px}.register .form-input-section .input-group .input-box:hover{opacity:1}.register .register-btn-wrapper{margin-bottom:20px;width:100%}.register .register-btn-wrapper .btn{width:100%;padding:10px;font-size:1.2rem;background:transparent;color:#fcfafa;border-radius:5px;box-shadow:0 0 1px #fcfafa}.register .register-btn-wrapper .btn:hover{box-shadow:0 0 5px #fcfafa}.register .register-wrapper .register-link{font-size:1.2rem;font-weight:lighter}
/*# sourceMappingURL=main.34dd293c.chunk.css.map */