body{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0}.app{background-color:#26282b;display:flex;flex-direction:column}.nav-container{background:#1d2020;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.26);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:#e7e6e7;font-family:Bangers,cursive;font-size:60px;letter-spacing:1px;margin:0 10px}.nav-aam-link{color:#e7e6e7;font-size:32px;font-weight:800}.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}.typewriter-container{font-size:64px;letter-spacing:4px}.flash-image{width:40vw}@media (max-width:800px){.landing-container{align-items:center;flex-direction:column}.flash-image{width:80vw}.landing-header{margin-top:32px}.landing-header,.typewriter-container{text-align:center}}.test-container{background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.26);display:flex;flex-direction:column;margin:64px 0 64px 10%;min-height:750px;width:80%}.try-again-cont{flex-grow:1}.try-again-cont,.try-again-container{display:flex;flex-direction:column;justify-content:center}.try-again-container{align-items: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 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);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}.typing-challange-container{display:flex;flex-direction:column;flex-grow:1}.details-container{display:flex;flex-direction:row;flex-wrap:wrap}.details-card-container,.typewriter-container{display:flex;flex-grow:1}.details-card-container{align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);flex-direction:column;justify-content:center;padding:10px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.details-card-container>p{margin:0}.details-card-container:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.card-name{font-size:15px;margin-bottom:-15px!important}.card-value{font-size:50px;font-weight:800;margin:0}.typing-challange{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;margin:-5px 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}.test-paragraph{background:#e9e7e4;font-size:12px;padding:12px}.test-letter{font-size:19px;line-height:19px}.test-letter-correct{color:#558b2f}.test-letter-incorrect{color:#bf360c}.test-letter-not-attempted{color:#f9a825}.challange-section-container{align-items:center;flex-direction:column;margin:24px 0;min-height:90vh}.challange-section-header{color:#fbf6fb;font-family:Bangers,cursive;font-size:64px;letter-spacing:4px;text-align:center}.footer-container{background:#1d2020;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.26);display:flex;justify-content:center;margin:0;z-index:99}.footer-link{color:#e7e6e7;font-size:26px;margin:10px;text-align:center}
/*# sourceMappingURL=main.8f944e9d.css.map*/