.splash h1{text-align:center;font-size:8em;line-height:1}.modal{position:fixed;top:2em;left:2em;width:calc(100vw - 4em);height:calc(100vh - 4em);background:#000c;z-index:9999;margin:0!important;padding:4em;box-sizing:border-box;flex-direction:column;justify-content:center}.modal p{font-size:.85em;margin-bottom:1.6em}.preview .nav{display:flex;width:100%;justify-content:space-between;z-index:9999;flex-direction:row-reverse}.preview .preview-wrapper{position:relative;width:100%}.preview .options button{margin-left:1rem;margin-right:1rem}.preview .modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;color:#000;margin:0!important;display:flex;justify-content:center;align-items:center}.preview .modal>div{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;width:40%}.preview .modal>div p{text-align:center}.preview .modal>div input{background:none;border:none;border-bottom:1px solid #fff;color:#fff;font-size:2em}.preview .modal>div img{width:100%}.preview .modal>div button{margin-top:1em}.camera .react-p5{position:absolute;padding-bottom:150%;width:100%;overflow:hidden}.camera .react-p5 canvas,.camera .react-p5 video{position:absolute;top:0;left:-50%;width:200%!important;height:100%!important}.camera>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;margin:0!important}.camera>img:not([src]){display:none}.camera .options-wrapper{position:absolute;bottom:10rem}.camera .options-wrapper button{margin-left:1rem;margin-right:1rem;background:#ffffff80;color:#000}.camera .options-wrapper button.selected{background:#fff}.camera .previewCanvas{position:absolute;left:0;top:0;margin:0!important;width:100vw;height:100vh}.camera.vert .react-p5 canvas{left:0;width:100%!important}.take-pic{position:absolute;bottom:3rem}.countdown{position:absolute;text-align:center;display:block;color:#000;font-size:4em}.processing-msg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#ffffff80;color:#000;margin:0!important;display:flex;justify-content:center;align-items:center;font-size:3em}.signup .field-wrap div{width:100%}.signup .field-wrap div.error input[type=text],.signup .field-wrap div.error input[type=email]{border-bottom-color:#c00}.signup .field-wrap div.error label,.signup .field-wrap div.error span{color:#c00}.signup .field-wrap div input[type=text],.signup .field-wrap div input[type=email]{font-size:1.5em}.signup label,.signup input[type=text],.signup input[type=email],.signup input[type=submit]{display:block;width:100%}.signup div.wrap-checkbox{display:flex;align-items:flex-end}.signup div.wrap-checkbox input{order:1;width:2em;height:2em;margin-right:2em}.signup div.wrap-checkbox label{order:2}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#001716;text-align:center;min-height:100vh}.App .fullscreen{min-height:100vh;box-sizing:border-box;width:72%;max-width:800px;margin:0 auto;padding:3em 0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:left;font-size:18px}@media(min-width:600px){.App .fullscreen{font-size:24px}}.App .fullscreen>*{margin:1rem 0}.App h1,.App h2,.App h3,.App h4,.App h5,.App h6{font-weight:400;width:100%}.App p{font-weight:300;width:100%}.App img{max-width:100%}.App button,.App input[type=submit],.App .button{font-size:inherit;font-family:inherit;padding:1em;border-radius:4em;border:none;text-decoration:none}.App button *,.App input[type=submit] *,.App .button *{pointer-events:none}.App input[type=text],.App input[type=email]{background:none;border:none;border-bottom:1px solid #fff;color:#fff;font-size:2em;border-radius:0}.App-header{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);padding:2em;color:#fff;position:absolute;box-sizing:border-box;width:100vw;top:0;z-index:999}.App-header .App-logo{max-width:23vw;pointer-events:none}.App-header .App-logo-mobile{display:none}@media screen and (max-width:720px){.App-header .App-logo:has(+.App-logo-mobile){display:none}.App-header .App-logo-mobile{display:block;max-width:23vw;pointer-events:none}}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:720px),(orientation:landscape){.App .fullscreen:not(.mobile):after{opacity:1;content:"This application was not designed for this display.";position:fixed;left:0;top:0;width:100vw;height:100vh;justify-content:center;display:flex;align-items:center;background:#222e;z-index:99;padding:2em;box-sizing:border-box;text-align:center;color:#fff}}
