*{font-family:monospace}.typing-box.unfocused{background-color:hsla(0,0%,93.3%,.6666666666666666)}.typing-box.unfocused .char:not(.cover){filter:blur(1px)}.typing-box.unfocused .cover{position:absolute;top:0;left:0;width:100%;height:100%;content:"Focus to activate";background-color:hsla(0,0%,93.3%,.2);display:flex;justify-content:center;align-items:center}.char{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.current{background-color:#90ee90}.no-input:not(.current){color:#939399}.wrong{background-color:#f17474;color:#fff}.correct{background-color:#cbf6cb}.skipped{background-color:#e5c522;color:#fff}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:60px;gap:50px;display:flex;flex-direction:column;align-content:center;justify-content:center;transition:all .3s ease-in-out}.typing-box{position:relative;font-family:monospace;border:1px solid grey;white-space:pre-wrap;text-align:left;width:80%;font-size:2rem;margin-left:auto;margin-right:auto;text-wrap:normal;padding:1em;background-color:hsla(0,0%,100%,.6666666666666666);z-index:10}.typing-box:before{position:absolute;content:"";top:0;left:0;height:100%;width:100%;background-attachment:fixed;background-color:hsla(0,0%,100%,.06666666666666667);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:-3}.stat{text-align:left;position:static;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0}.stat.left{left:10px}.stat.left,.stat.right{position:fixed;top:10px}.stat.right{right:10px}.stat-table{filter:opacity(.9);border-collapse:collapse}.stat-table th+th{-ms-writing-mode:tb-lr;writing-mode:vertical-lr;text-orientation:upright}.stat-table td,.stat-table th{padding:0;margin:0;height:10px;width:10px;position:relative}.stat-table td .cell,.stat-table th .cell{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.stat-table td:hover,.stat-table th:hover{filter:brightness(90%)}.container{display:flex;flex-direction:row;gap:2em;justify-content:center;align-items:center}