body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;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}.react-html5-camera-photo .react-html5-camera-photo,.react-html5-camera-photo .react-html5-camera-photo video{clip:auto;all:initial;-webkit-animation:none 0s ease 0s 1 normal none running;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:transparent none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;caption-side:top;clear:none;color:#000;-webkit-columns:auto;-webkit-column-count:auto;-webkit-column-fill:balance;column-fill:balance;-webkit-column-gap:normal;column-gap:normal;-webkit-column-rule:medium none currentColor;column-rule:medium none currentColor;-webkit-column-span:1;column-span:1;-webkit-column-width:auto;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;-webkit-perspective:none;perspective:none;-webkit-perspective-origin:50% 50%;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;-webkit-transform:none;transform:none;-webkit-transform-origin:50% 50% 0;transform-origin:initial;-webkit-transform-style:flat;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}#container-circles{bottom:250px!important}#outer-circle{background-color:#000!important}#inner-circle{background-image:url(data:image/png;base64,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)!important}.video-container{background-color:#000;bottom:0;height:100vh;object-fit:scale-down;overflow:hidden;position:absolute;top:0;width:100vw}.video-container video{height:auto;left:50%;min-height:100vh;min-width:100vw;position:absolute;top:50%;width:auto}span.word_code{border-bottom:2px solid green;color:#fff}div.phrase_code{color:#fff;padding:3px}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}