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}body,html{height:100%;margin:0;width:100%}.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}@-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)}}#Webcam{background-color:#fff;left:50%;padding:10px;position:fixed;top:20%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#close-cam{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:15px;font-size:"20px";position:absolute;right:10px}#snackbar{background-color:red;bottom:0;color:#fff;font-size:17px;padding:15px;position:fixed;width:100%;z-index:1}#snackbar button{background-color:initial;border:none;color:#fff;float:right;font-size:20px;height:100%;position:relative;right:20px}#guide{height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:100%}#guide-content{background-color:#282c34;margin:5% auto;padding:20px;width:50%}#guide-close{color:#fff;float:right;right:0;top:0}#guide-close,#guide-open{background-color:initial;border:none;cursor:pointer}#guide-open{bottom:20px;position:fixed;right:20px}.Collapsible{cursor:pointer;margin:15px 0;text-align:justify}.Collapsible__trigger{text-decoration:underline}.centered{color:#fff;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.centered p{font-size:80px}body{background:#313130;box-sizing:border-box;overflow-x:hidden;overflow-y:hidden}#robot-body{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#robot{height:450px;position:relative;width:450px}.book{-webkit-animation:1s both;animation:1s both;display:none;left:20%;top:40%;width:60%;z-index:100}.book,.headset{position:absolute}.headset{-webkit-animation:5s cubic-bezier(.785,.135,.15,.86) forwards;animation:5s cubic-bezier(.785,.135,.15,.86) forwards;bottom:10%}#wrap{-webkit-animation:5s cubic-bezier(.785,.135,.15,.86);animation:5s cubic-bezier(.785,.135,.15,.86);color:#dbc9aa;height:30%;left:20%;top:30%;width:60%}#wrap,#wrap .eye{position:absolute}#wrap .eye{-webkit-animation:5s cubic-bezier(.785,.135,.15,.86) forwards;animation:5s cubic-bezier(.785,.135,.15,.86) forwards;background:#fff;border-radius:15%;bottom:0;display:inline-block;height:80%;margin:auto;overflow:hidden;top:0;width:45%}#wrap .eye:first-child{left:0}#wrap .eye:last-child{right:0}@-webkit-keyframes blink{0%,8%{height:80%}10%,12%{height:5%}14%,to{height:80%}}@keyframes blink{0%,8%{height:80%}10%,12%{height:5%}14%,to{height:80%}}@-webkit-keyframes close-eyes{0%,10%{height:80%}20%,40%{height:40%}50%,to{height:5%}}@keyframes close-eyes{0%,10%{height:80%}20%,40%{height:40%}50%,to{height:5%}}@-webkit-keyframes open-eyes{0%,10%{height:5%}20%,40%{height:40%}50%,to{height:80%}}@keyframes open-eyes{0%,10%{height:5%}20%,40%{height:40%}50%,to{height:80%}}@-webkit-keyframes double-blink{0%,8%{height:80%}10%,12%{height:5%}13%{height:80%}14%,16%{height:5%}18%,to{height:80%}}@keyframes double-blink{0%,8%{height:80%}10%,12%{height:5%}13%{height:80%}14%,16%{height:5%}18%,to{height:80%}}@-webkit-keyframes top{0%,5%{top:30%}10%,40%{top:25%}50%,to{top:30%}}@keyframes top{0%,5%{top:30%}10%,40%{top:25%}50%,to{top:30%}}@-webkit-keyframes bottom{0%,10%{top:30%}20%,70%{top:35%}80%,to{top:30%}}@keyframes bottom{0%,10%{top:30%}20%,70%{top:35%}80%,to{top:30%}}@-webkit-keyframes right{0%,10%{left:20%}20%,70%{left:23%}80%,to{left:20%}}@keyframes right{0%,10%{left:20%}20%,70%{left:23%}80%,to{left:20%}}@-webkit-keyframes left{0%,10%{left:20%}20%,70%{left:17%}80%,to{left:20%}}@keyframes left{0%,10%{left:20%}20%,70%{left:17%}80%,to{left:20%}}@-webkit-keyframes done-read{0%,10%{top:33%}30%,to{top:30%}}@keyframes done-read{0%,10%{top:33%}30%,to{top:30%}}@-webkit-keyframes read{0%,10%{left:20%}20%,50%{left:23%}50%,80%{left:17%}90%,to{left:20%}}@keyframes read{0%,10%{left:20%}20%,50%{left:23%}50%,80%{left:17%}90%,to{left:20%}}@-webkit-keyframes eyes-when-read{0%,10%{top:0}10%,to{top:25%}}@keyframes eyes-when-read{0%,10%{top:0}10%,to{top:25%}}@-webkit-keyframes eyes-when-done-read{0%,10%{top:25%}10%,to{top:0}}@keyframes eyes-when-done-read{0%,10%{top:25%}10%,to{top:0}}@-webkit-keyframes eyes-top{0%,20%{top:0}30%,to{top:20%}}@keyframes eyes-top{0%,20%{top:0}30%,to{top:20%}}@-webkit-keyframes take-off-headset{0%,10%{bottom:10%}30%,to{bottom:200%}}@keyframes take-off-headset{0%,10%{bottom:10%}30%,to{bottom:200%}}@-webkit-keyframes take-on-headset{0%,10%{bottom:200%}30%,to{bottom:10%}}@keyframes take-on-headset{0%,10%{bottom:200%}30%,to{bottom:10%}}@-webkit-keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}@keyframes fadeInBottom{0%{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1}}@-webkit-keyframes fadeOutBottom{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes fadeOutBottom{0%{opacity:1}to{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}}#sleeping{display:none;height:50%;left:80%;position:absolute;top:30%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}#sleeping span{-webkit-animation:sleep 9s linear infinite;animation:sleep 9s linear infinite;bottom:10%;color:#fff;font-size:200px;left:10%;opacity:0;position:absolute}#sleeping span:nth-child(2n){-webkit-animation-delay:3s;animation-delay:3s}#sleeping span:nth-child(3n){-webkit-animation-delay:6s;animation-delay:6s}@-webkit-keyframes sleep{0%{opacity:0;-webkit-transform:translate(0) scale(.3);transform:translate(0) scale(.3)}1%{opacity:0}3%{opacity:1}50%{-webkit-transform:translate(90%,-50%) scale(.65);transform:translate(90%,-50%) scale(.65)}75%{opacity:1}to{opacity:0;-webkit-transform:translate(180%,-100%) scale(1);transform:translate(180%,-100%) scale(1)}}@keyframes sleep{0%{opacity:0;-webkit-transform:translate(0) scale(.3);transform:translate(0) scale(.3)}1%{opacity:0}3%{opacity:1}50%{-webkit-transform:translate(90%,-50%) scale(.65);transform:translate(90%,-50%) scale(.65)}75%{opacity:1}to{opacity:0;-webkit-transform:translate(180%,-100%) scale(1);transform:translate(180%,-100%) scale(1)}}@media only screen and (max-width:768px){#robot{height:300px;width:300px}#guide-content{width:80%}}
/*# sourceMappingURL=main.4b92b07c.css.map*/