.try-again-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.try-again-container>h1{font-size:36px;margin:0 0 20px;text-decoration:underline}.result-container>p{font-size:28px;margin:7px}.end-buttons{border:none;border-radius:4px;box-shadow:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;color:#fff;cursor:pointer;font-size:18px;font-weight:500;line-height:36px;margin:12px;min-width:64px;padding:2px 16px;position:relative;text-align:center;transition:background-color .2s;vertical-align:middle}.start-again-btn{background:#3e4248}.start-again-btn:focus,.start-again-btn:hover{background:grey}.share-btn{background:#3b5998}.share-btn:focus,.share-btn:hover{background:#5d7dc4}.tweet-btn{background:#1da1f2}.tweet-btn:focus,.tweet-btn:hover{background:#8faef3}.details-card-container{align-items:center;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin:0;padding:10px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.details-card-container:hover{box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.card-name{font-size:25px;margin-bottom:-20px!important}.card-value{font-size:50px;font-weight:800;margin:0}.typing-challenge{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin-bottom:40px;padding:20px;width:100%}.timer-container{margin:20px;text-align:center;width:100%}.timer{color:gold;font-size:48px;font-weight:900;margin:0;text-shadow:0 0 10px #e23636,0 0 20px #e23636}.timer-info{color:#e23636;font-size:28px;font-weight:900;margin:-6px 0 0;text-align:center}.textarea-container{display:flex;flex-direction:row;flex-grow:1;gap:32px;margin:20px auto;max-width:1600px;width:95%}.textarea-left,.textarea-right{display:flex;flex-grow:1;width:50%}.textarea{background:#111;border:2px solid #0c5aa6;border-radius:8px;box-shadow:0 2px 6px #0006;color:#fff;flex-grow:1;font-size:20px;height:320px;line-height:1.6;overflow-y:auto;padding:18px;resize:none;text-align:left;transition:all .3s ease;width:100%}.textarea:hover{box-shadow:0 8px 20px #e2363680}.textarea:focus{border-color:gold;box-shadow:0 0 15px gold;outline:none}.test-paragraph{-ms-overflow-style:none;background:#1a1a1a;border:2px dashed #e23636;border-radius:8px;color:#fff!important;font-size:40px;height:320px;line-height:1.6;margin:0 auto;max-width:95%;overflow-y:auto;padding:16px 28px;scrollbar-width:none;-webkit-user-select:none;user-select:none}.test-paragraph::-webkit-scrollbar{display:none}@media (max-width:768px){.textarea-container{flex-direction:column;gap:20px;width:100%}.textarea-left,.textarea-right{width:100%}.textarea{font-size:16px;height:220px}.test-paragraph{font-size:20px;height:220px}.timer{font-size:36px}.timer-info{font-size:20px}}@media (max-width:480px){.textarea{font-size:14px;height:180px;padding:10px}.test-paragraph{font-size:16px;height:180px}.timer{font-size:28px}.timer-info{font-size:18px}}.test-letter{font-family:Roboto Mono,monospace;font-size:20px;font-size:15px;font-weight:300;letter-spacing:1px;line-height:20px}.test-letter-not-attempted{color:#fff}.test-letter-incorrect{color:#bf360c}.test-letter-correct{color:#5ece0e}.typing-container{align-items:center;background:#111;border-radius:8px;color:#fff;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:20px}.details-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:20px}.details-container .challenge-card{background:#1a1a1a;border:2px solid #e23636;border-radius:6px;box-shadow:0 4px 10px #0006;color:#fff;font-weight:700;min-width:100px;padding:12px 18px;text-align:center;transition:transform .3s ease,border-color .3s ease}.details-container .challenge-card:hover{border-color:#0c5aa6;transform:scale(1.05)}.typewriter-container{display:flex;flex-grow:1;justify-content:center;max-width:900px;width:100%}@media (max-width:768px){.details-container{align-items:center;flex-direction:column}.details-container .challenge-card{margin-bottom:12px;width:80%}.typewriter-container{flex-direction:column;width:100%}}@media (max-width:480px){.details-container .challenge-card{font-size:14px;padding:10px 14px;width:100%}.typewriter-container{padding:0 8px}}.test-container{background-color:#00c0ff33;margin:64px 0 64px 10%;min-height:585px;width:80%}.test-container,.try-again{display:flex;flex-direction:column}.try-again{flex-grow:1;justify-content:center}.challenge-container{align-items:center;flex-direction:column;margin:24px 0;min-height:90vh}.challenge-section-header{color:#000;font-family:Bangers,cursive;font-size:64px;letter-spacing:4px;text-align:center}.footer-container{background:#03214e;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000042;display:flex;justify-content:center;margin:0;z-index:99}.footer-link{color:#f33809;font-size:26px;font-weight:600;margin:10px;text-align:center;text-decoration:none}.footer-link:hover{color:#fff}.landing-container{align-items:center;color:#000;display:flex;flex-wrap:wrap;font-family:Bangers,cursive;gap:24px;justify-content:space-between;margin:0;min-height:90vh;padding:0 32px;position:relative}.landing-header{font-size:70px;letter-spacing:4px;margin:0}.typewriter-container{font-size:64px;letter-spacing:4px}.typewriter-color{color:#f33809}.flash-wrapper{background:inherit;border-radius:0;display:inline-block;overflow:visible;position:relative}.flash-button{background:#0000;border:none;margin:0;outline:none;padding:0}.flash-image{background:#0000;display:block;height:auto;max-width:500px;object-fit:contain;transform-origin:center center;transition:transform .35s ease,box-shadow .35s ease;width:100%}.flash-wrapper:hover .flash-image{cursor:pointer;transform:scale(1.08)}.click-me-overlay{animation:bounce 1.5s infinite;background:#0000;bottom:68%;height:auto;max-width:220px;pointer-events:none;position:absolute;right:10%;-webkit-user-select:none;user-select:none;width:70vw}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:1024px){.landing-header{font-size:56px}.typewriter-container{font-size:48px}.flash-image{max-width:420px}.click-me-overlay{bottom:70%;max-width:180px;right:8%}}@media (max-width:768px){.landing-container{flex-direction:column;padding:16px;text-align:center}.landing-header{font-size:48px}.typewriter-container{font-size:36px}.flash-image{max-width:350px}.click-me-overlay{bottom:72%;max-width:150px;right:6%}}@media (max-width:480px){.landing-header{font-size:36px}.typewriter-container{font-size:28px}.flash-image{max-width:280px}.click-me-overlay{bottom:74%;max-width:120px;right:4%}}.nav-container{background:#03214e;height:60px;justify-content:space-between;margin:0;z-index:99}.nav-container,.nav-left{align-items:center;display:flex}.nav-right{margin-right:40px}.nav-sg-link{color:#f33809;font-size:25px;font-weight:800;text-decoration:none}.nav-sg-link:hover{color:#fff}.img-logo{height:40px;margin-left:20px}.flash-logo-text{color:#f33809;font-family:Bangers,cursive;font-size:40px;letter-spacing:1px;margin:0 10px;text-decoration:none}.flash-logo-text:hover{color:#fff}@media (max-width:800px){.flash-logo-text,.nav-container{font-size:20px}}body{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0}.app{background-color:#dad5d5;display:flex;flex-direction:column}
/*# sourceMappingURL=main.b5e9b425.css.map*/