@font-face{font-family:MightySouly;src:url(/static/media/MightySouly.313624f2a30f8f9e4f54.woff) format("woff")}:root{--regular-font:"MightySouly",sans-serif;--base-fs:20px}html{font-size:20px;font-size:var(--base-fs)}body{background:linear-gradient(180deg,#000000bf,#0000000f 37%,#0000);background-image:url(/static/media/krustyKrabStartBackground.df0fc56fe99fde625da1.png);background-repeat:no-repeat;background-size:100% auto;height:100%;overflow:hidden;width:100%}body.v2{background:linear-gradient(180deg,#000000bf,#0000000f 37%,#0000)}.hidden{opacity:0!important;visibility:hidden!important;z-index:0}*{box-sizing:border-box;margin:0;padding:0}.App,.startScreen{height:100%;width:100%}.startScreen{align-items:center;background:linear-gradient(180deg,#000000bf,#0000000f 37%,#0000);background-repeat:no-repeat;background-size:100% auto;display:flex;flex-direction:column;justify-content:flex-end;position:absolute;z-index:15}img.startLogos{height:auto!important;left:12px;position:absolute;top:50px;width:100%!important}img.touch{height:auto;margin-bottom:15vh;max-width:200px;width:100%}.camera{align-items:center;background-image:url(/static/media/krustyKrabCameraBackground.eaa3f5f63abab045d04d.png);background-repeat:no-repeat;background-size:100% auto;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0}.videoWrapper{left:50%;outline:none;position:absolute;top:40%;transform:translate(-50%,-50%);z-index:1}video{border:5px solid #fff;border-radius:20px;min-height:460px;outline:none;width:355px}.btnPhoto{bottom:8vh;height:auto;max-width:250px}.btnPhoto,.countdown{position:absolute;width:100%}.countdown{align-items:center;background:#0000;display:flex;flex-direction:column;height:100%;justify-content:center;z-index:2}.countdown img.count{height:30vh;margin-bottom:20vh;width:auto}.loading{align-items:center;background-image:url(/static/media/krustyKrabCameraBackground.eaa3f5f63abab045d04d.png);background-repeat:no-repeat;background-size:100% auto;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;overflow:hidden;position:absolute;right:0;top:0}.loadingText{color:#fff;font-family:MightySouly,sans-serif;font-family:var(--regular-font);font-size:2.75rem;padding:20px;text-align:center;width:100%}.loadingContainer{height:100%;width:100%}.loadingContainer,.result{display:flex;flex-direction:column;justify-content:center}.result{align-items:center;background-image:url(/static/media/krustyKrabCameraBackground.eaa3f5f63abab045d04d.png);background-repeat:no-repeat;background-size:100% auto;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.result canvas{border-radius:20px;display:block;height:auto;margin-top:-75px;max-width:95%;width:100%}.finalText{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 20.6px 0 #00000080;display:flex;flex-direction:column;height:450px;left:50%;padding:20px;position:absolute;top:45%;transform:translate(-50%,-50%);width:350px}img.btnRestart,img.qrText{height:auto;margin:15px auto;max-width:250px;width:100%}img.btnRestart{bottom:15px;position:absolute}.finalText svg{border:1px solid #000;border-radius:20px;padding:15px}p.footer{bottom:0;left:0;margin-bottom:.5rem;position:absolute;text-align:center;width:100%}p.footer,p.footer a,p.footer a:active,p.footer a:hover,p.footer a:visited{color:#fff;font-family:MightySouly,sans-serif;font-family:var(--regular-font);font-size:3vw;padding:0;text-transform:uppercase}p.footer a,p.footer a:active,p.footer a:hover,p.footer a:visited{text-decoration:none!important}@media (min-width:896px){video{top:45%;width:700px}.finalText{height:900px;width:800px}img.qrText{margin-top:30px;max-width:600px}.finalText svg{background:#fff;margin-top:125px;transform:scale(2)}img.btnRestart{bottom:30px;max-width:350px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.36c6f33d.css.map*/