#root,body,html{height:100%}body{margin:0;padding: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}p+p{margin-top:0}video{outline:none}.centerMargin{margin:auto!important}.centerText{text-align:center!important}.noUnderlineLink:focus,.noUnderlineLink:hover{text-decoration:none!important}.appHeader{background-color:#fefefe;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 3vmin);color:#444}.appHeader p{margin:5px}.page{margin:15px 15px 30px}.capitalize{text-transform:capitalize}.bold{font-weight:500!important}.missing{color:#ccc;font-style:italic}.buttonWrapper{padding:0!important;min-width:auto!important}.buttonWrapper:focus:enabled,.buttonWrapper:hover:enabled{background-color:transparent!important}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.rotating{-webkit-animation:rotating 1.2s linear infinite;animation:rotating 1.2s linear infinite}.buttonHover:focus,.buttonHover:hover{background-color:hsla(0,0%,78.4%,.2)}.list{padding:0!important}.listItem{cursor:pointer}.listItem:focus,.listItem:hover{background-color:#5c6bc0;color:#fff}.line{height:10px;margin:10px}.line,.text{width:100%;border-radius:20px}.text{height:100%}.shine{background:#f3f3f3;background-image:linear-gradient(90deg,#f3f3f3 0,#ecebeb 150px,#f3f3f3 300px,#f3f3f3 350px);background-repeat:no-repeat;background-size:500px 100px;display:inline-block;position:relative;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shimmer;animation-name:shimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.Typist .Cursor{display:inline-block}.Typist .Cursor--blinking{opacity:1;-webkit-animation:blink 1s linear infinite;animation:blink 1s linear infinite}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.TypistExample a{color:inherit}.TypistExample a:hover{background-color:#22bad9;color:#fff;text-decoration:none}.TypistExample-header{margin-top:5%;margin-bottom:15%;text-align:center;font-size:3em;cursor:pointer;color:#22bad9}.TypistExample-message{color:#ff69b4;width:400px;margin:auto}.TypistExample-message .flash{color:#22bad9;font-weight:700;text-decoration:underline;-webkit-animation-name:blinker;animation-name:blinker;-webkit-animation-duration:.7s;animation-duration:.7s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes blinker{0%{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes blinker{0%{opacity:1}50%{opacity:0}to{opacity:1}}