body{background-color:#292c33;color:#687494;margin:0;font-size:2rem}header{padding:1rem 1rem 0;border-bottom:1px solid #687494;font-size:2rem;display:flex;justify-content:space-between}header img{height:3rem}header img.flag{height:2rem}header a{color:#687494;vertical-align:top}.container{padding:1rem;max-width:80rem;margin:0 auto}.dash{color:#858994;font-size:4rem;display:flex;justify-content:space-between;margin-bottom:2rem}.typos,.time-remaining.red,.wpm.red{color:#a1000e}button.reset{font-size:4rem;padding:.5rem 3rem;background-color:#687494;color:#292c33;border:1px solid #687494}button.reset:hover{background-color:#292c33;border:1px solid #687494;color:#687494}.text,.heatmap{display:flex;flex-wrap:wrap}.text .char,.heatmap .char{font-size:3rem;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.text .char.blank,.heatmap .char.blank{width:.9rem}.text .entered{background-color:#687494;color:#292c33}.text .wrong{background-color:#610008}.text .user-0{background-color:#553d6b}.text .user-1{background-color:#003b1b}.text .user-2{background-color:#917a34}.text .user-3{background-color:#0c469c}.text .user-4{background-color:#b0a686}.text .user-5{background-color:#ba86eb}.text .user-6{background-color:#005761}.text .user-7{background-color:#c2e0f0}.text .user-8{background-color:#826ca3}.text .user-9{background-color:#2f9b61}.text .user-other{background-color:#002352}.users .user-0{color:#553d6b}.users .user-1{color:#003b1b}.users .user-2{color:#917a34}.users .user-3{color:#0c469c}.users .user-4{color:#b0a686}.users .user-5{color:#ba86eb}.users .user-6{color:#005761}.users .user-7{color:#c2e0f0}.users .user-8{color:#826ca3}.users .user-9{color:#2f9b61}.users .user-other{color:#002352}.item{padding:2rem 0;border-bottom:1px solid #687494}.item:last-child{border-bottom:none}.item div:first-child{margin-bottom:1rem}.heatmap-hint{margin:2rem 0}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert p{margin-bottom:0}.alert:empty{display:none}.invalid-feedback{color:#a94442;display:block;margin:-1rem 0 2rem}.phx-no-feedback.invalid-feedback,.phx-no-feedback .invalid-feedback{display:none}.phx-click-loading{opacity:.5;transition:opacity 1s ease-out}.phx-loading{cursor:wait}.phx-modal{opacity:1!important;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.phx-modal-content{background-color:#fefefe;margin:15vh auto;padding:20px;border:1px solid #888;width:80%}.phx-modal-close{color:#aaa;float:right;font-size:28px;font-weight:700}.phx-modal-close:hover,.phx-modal-close:focus{color:#000;text-decoration:none;cursor:pointer}.fade-in-scale{animation:.2s ease-in 0s normal forwards 1 fade-in-scale-keys}.fade-out-scale{animation:.2s ease-out 0s normal forwards 1 fade-out-scale-keys}.fade-in{animation:.2s ease-out 0s normal forwards 1 fade-in-keys}.fade-out{animation:.2s ease-out 0s normal forwards 1 fade-out-keys}@keyframes fade-in-scale-keys{0%{scale:.95;opacity:0}to{scale:1;opacity:1}}@keyframes fade-out-scale-keys{0%{scale:1;opacity:1}to{scale:.95;opacity:0}}@keyframes fade-in-keys{0%{opacity:0}to{opacity:1}}@keyframes fade-out-keys{0%{opacity:1}to{opacity:0}}