body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#05022f;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding-bottom:10vh}.background{animation:dots 90s ease-in-out 0ms infinite alternate-reverse;background:url(/static/media/circle.50c558a209379ae31ae9.svg);background-size:20px;height:999vh;left:-100vw;opacity:20%;position:fixed;top:-100vh;width:999vw;z-index:-100}.blob{background:url(/static/media/blob.6c6839c1fee645e10223.svg) no-repeat;background-size:60vw;filter:blur(50px) opacity(20%);right:-10vw;top:-20vh}.blob,.blob2{animation:blob 30s linear 0ms infinite forwards;height:60vw;position:fixed;transform-origin:center center;width:60vw;z-index:-1}.blob2{background:url(/static/media/blob2.92e04fceeb2cd812998c.svg) no-repeat;background-size:60vw;bottom:-20vh;filter:blur(50px) opacity(30%);left:-10vw}a,a:visited{color:#fff}@keyframes dots{0%{left:-100vw;top:-100vh}50%{left:-125vw;top:-125vh}to{left:-100vw;top:-100vh}}@keyframes blob{50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.button{background:#bd6bc8;background-position:right 10px top;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;margin-left:1rem;margin-top:0;padding:.3rem .5rem;transition:transform .2s cubic-bezier(.4,2,.6,1)}.button.clicked{transform:scale(.9)}.dropdown{background:#bd6bc8;background-position:right 10px top;border:none;border-radius:5px;color:#fff;display:inline-flex;font-size:1.2rem;padding:.3rem .5rem}iframe,img,video{border:3px solid #bd6bc8;border-radius:1rem}video{transform:scaleX(-100%)}.webcam-container{margin-bottom:0;width:max-content}.flex-container,.webcam-container{margin-left:auto;margin-right:auto}.flex-container{display:flex;flex-direction:column;justify-content:center;text-align:left;vertical-align:middle;width:90%;width:640px}.buttons-container{flex-direction:row;margin-left:auto;margin-right:auto;width:min-content}.buttons-container video{width:640px}.right-align{justify-items:right;margin-right:1rem;right:0;width:640px}.frame-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;margin-left:.75rem;margin-top:2rem;text-align:left}.frame-text{margin-left:.75rem;margin-right:.75rem;margin-top:.75rem;text-align:justify;width:calc(100% - 1.5rem)}.hide-hints{background:#bd6bc8;background-position:right 10px top;border:none;border-radius:5px;color:#fff;display:inline-flex;font-size:1.2rem;margin-left:auto;margin-right:auto;margin-top:1.5rem;padding:.3rem .5rem;width:max-content}.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:#f8f8f8}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{background-color:#bd6bc8;box-sizing:border-box;display:inline-flex;margin:0;padding:.5rem 0 .75rem;width:100%}.logo{font-size:x-large;font-weight:800;padding-left:2.5rem;text-align:left;text-decoration:none}.right-align-navbar{justify-items:right;margin-left:auto;margin-right:2.5rem;width:min-content}.link{font-size:x-large;margin-left:auto;margin-top:auto;width:max-content}p{margin:0 auto;text-align:left;width:80ch}div,h3{margin-bottom:1rem}h3{margin-top:2rem}.begin-button{background:#bd6bc8;background-position:right 10px top;border:none;border-radius:5px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.2rem;margin-left:1rem;margin-top:.75rem;padding:.3rem .5rem;text-decoration:none;transition:transform .2s cubic-bezier(.4,2,.6,1)}p{margin-bottom:1rem;text-align:justify}
/*# sourceMappingURL=main.59be36f6.css.map*/