.try-again-cont{align-items:center;display:flex;flex-direction:column;justify-content:center}.try-again-cont>h1{font-size:36px;margin:0;text-decoration:underline}.result-container>p{font-size:20px;margin:7px}.end-buttons{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:18px;font-weight:400;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:#3e4338}.start-again-btn:focus,.start-again-btn:hover{background:grey}.share-btn{background:#3b5998}.share-btn:hover .share-btn:focus,.tweet-btn{background:#1da1f2}.tweet-btn :hover
.tweet-btn :focus{background:#3b5998}.detailscard-container{align-items:center;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:10px}.detailscard-container:hover{box-shadow:0 0 11px rgba(33,33,33,.2)}.card-name{font-size:15px;margin-bottom:15px}.card-value{font-size:50px;font-weight:800;margin:0}.test-letter{font-size:19px;line-height:19px}.test-letter-correct{color:#558b3f}.test-letter-incorrect{color:#bf306b}.test-letter-not-attempted{color:#f9a825}.typing-challenge{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.timer-container{margin:16px}.timer{font-size:38px;font-weight:600;margin:0;text-align:center}.timer-info{color:#dd5044;font-size:20px;font-weight:700;margin:15px 0 0;text-align:center}.textarea-container{display:flex;flex-direction:row;flex-grow:1;margin:16px;width:80%}.textarea-left,.textarea-right{display:flex;flex-grow:1;width:50%}.textarea{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);flex-grow:1;flex-wrap:wrap;height:400px;line-height:18px;overflow:scroll;padding:10px;text-align:left;transition:all .3s cubic-bezier(.25,.8,.25,1);width:100%}.textarea:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.textarea::-webkit-scrollbar{display:none}.textarea{-ms-overflow-style:none;scrollbar-width:none}.text-paragraph{background:#dcd9d6;font-size:22px;letter-spacing:1px;padding:12px;word-spacing:1px}#text-ar{font-size:20px}.typing-challenge-container{flex-direction:column}.details-container{display:flex;flex-direction:row;flex-wrap:wrap}.typewriter-container{display:flex;flex-grow:1}.test-container{background-color:#fff;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.22);display:flex;flex-direction:column;margin:64px 0 64px 10%;min-height:800px;width:80%}.try-again-container,.typing-challenge-container{display:flex;flex-grow:1}.try-again-container{flex-direction:column;justify-content:center;text-align:center}.challenge-section-container{align-items:center;flex-direction:column;margin:24px 0;min-height:90vh}.challege-section-header{color:#f6fbf6;font-family:Bangers,cursive;font-size:64px;letter-spacing:2px;text-align:center;word-spacing:2px}.footer-container{background-color:#000;color:#fff;display:block;height:10vh;overflow:hidden;width:auto}.footer-link{align-items:center;color:azure;display:flex;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:20px;justify-content:center;margin:20px 0;text-decoration:none}.landing-container{align-items:center;color:#eee2ee;display:flex;flex-wrap:wrap;font-family:Bangers,cursive;justify-content:space-between;margin:0;min-height:90vh;padding:0 32px}.landing-header{font-size:92px;letter-spacing:4px;margin:0}.tywriter-container{font-size:64px;letter-spacing:4px}.flash-img{width:40vw}@media (max-width:800px){.landing-container{align-items:center;flex-direction:column}.flash-img{width:80vw}.landing-header{margin-top:32px;text-align:center}.tywriter-container{align-items:center}}.nav-container{background:#1d2020;height:72px;justify-content:space-between;margin:0;z-index:99}.nav-container,.nav-left{align-items:center;display:flex}.nav-right{margin-right:40px}.flash-logo{height:40px;margin-left:20px}.flash-logo-text{color:#f0f8ff;font-family:Bangers,cursive;font-size:60px;letter-spacing:1px;margin:0 10px}.text{color:#f0f8ff;margin-right:10px}.nav-bar-link{color:#f0f8ff;font-weight:400;text-align:center;text-decoration:none}@media (max-width:800px){.flash-logo-text{color:#f0f8ff;font-family:Bangers,cursive;font-size:30px;letter-spacing:1px;margin:0 10px}}body{box-sizing:border-box;font-family:popppins,sans-serif;margin:0}.app{background-color:#262a2b;display:flex;flex-direction:column}
/*# sourceMappingURL=main.fea4bb1a.css.map*/