body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background-color:#000;height:100%;margin:0;padding:0}body{align-items:center;display:flex;font-family:sans-serif;justify-content:center;min-height:100vh}.container{background:#000;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;max-height:100%;max-width:100%;overflow:auto;padding:40px 20px;text-align:center;width:100vw}h1{font-style:italic}.sample-text,h1{margin-bottom:20px}.sample-text{background:#000;border:1px solid #000;border-radius:4px;color:#fff;font-size:40px;height:100px;line-height:1.6;padding:15px;text-align:left;white-space:pre-wrap}.correct{color:#28a745}.incorrect{background:#f8d7da;color:#dc3545;text-decoration:underline}textarea{border:1px solid #37ff8b;border-radius:4px;font-family:monospace;font-size:25px;height:100px;margin-bottom:20px;padding:10px;resize:none;width:100%}textarea:disabled{cursor:not-allowed}.controls{display:flex;gap:10px;justify-content:center;margin-bottom:20px}button{border:none;border-radius:4px;cursor:pointer;font-size:1em;padding:10px 20px}button:hover{opacity:.9}button:active{transform:scale(.98)}button:disabled{background-color:#ccc;cursor:not-allowed}.timer{animation:pulse 1.5s infinite;color:#37ff8b;font-size:50px;font-weight:700;margin-bottom:20px}@keyframes pulse{0%{text-shadow:0 0 5px #37ff8b;transform:scale(1)}50%{text-shadow:0 0 15px #37ff8b;transform:scale(1.05)}to{text-shadow:0 0 5px #37ff8b;transform:scale(1)}}.results{background-color:#000;border-radius:4px;color:#fff;font-size:20px;font-weight:700;margin-top:0;padding:15px}.results div{font-size:1.1em;margin-bottom:10px}.footer{background-color:#222;margin-top:40px;padding:20px;text-align:center}.footer p{color:#37ff8b}.footer-links a{margin:0 10px;text-decoration:none}.footer-links a:hover{text-decoration:underline}.start{background:#05f105;border:none;border-radius:500px;color:#f8f8ff;cursor:pointer;display:inline-block;font-family:inherit;font-size:17px;font-weight:700;letter-spacing:.05rem;margin:0;outline:none;overflow:hidden;padding:.9rem 2rem;position:relative}.start span{position:relative;transition:color .4s;z-index:10}.start:hover span{color:#000}.start:after,.start:before{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.start:before{background:#000;content:"";left:-10%;transform:skew(30deg);transition:transform .4s cubic-bezier(.3,1,.8,1);width:120%}.start:hover:before{transform:translate3d(100%,0,0)}.end{background:#dc3545;border:none;border-radius:500px;color:#f8f8ff;cursor:pointer;display:inline-block;font-family:inherit;font-size:17px;font-weight:700;letter-spacing:.05rem;margin:0;outline:none;overflow:hidden;padding:.9rem 2rem}.end,.end span{position:relative}.end span{transition:color .4s;z-index:10}.end:hover span{color:#000}.end:after,.end:before{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.end:before{background:#000;content:"";left:-10%;transform:skew(30deg);transition:transform .4s cubic-bezier(.3,1,.8,1);width:120%}.end:hover:before{transform:translate3d(100%,0,0)}.reset{background:#fd7e14;border:none;border-radius:500px;color:#fff;cursor:pointer;display:inline-block;font-family:inherit;font-size:17px;font-weight:700;letter-spacing:.05rem;margin:0;outline:none;overflow:hidden;padding:.9rem 2rem;position:relative}.reset span{position:relative;transition:color .4s;z-index:10}.reset:hover span{color:#000}.reset:after,.reset:before{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.reset:before{background:#000;content:"";left:-10%;transform:skew(30deg);transition:transform .4s cubic-bezier(.3,1,.8,1);width:120%}.reset:hover:before{transform:translate3d(100%,0,0)}.congrats{font-size:1.2em;font-weight:700;margin-top:10px}.success{color:#28a745}.fail{color:#dc3545}p:not(.footer p){color:#f6f4ef;font-size:20px;line-height:1.6;margin:10px 0}.header{margin-bottom:20px}.subtitle{color:#0056b3;font-size:1.1em;margin-top:-10px}.main-content{flex:1 1;justify-content:flex-start}.main-content,.typing-area{display:flex;flex-direction:column}.typing-area{gap:10px;margin-bottom:20px}.results-area{margin-top:40px}.sample-text{max-height:150px;overflow-y:auto;padding-bottom:100px}@media (max-width:600px){.controls{flex-direction:column}button{width:100%}.sample-text,input{font-size:1em}.footer-links a{display:inline-block;margin:5px 10px}}.button{--border-right:6px;--text-stroke-color:#fff9;--animation-color:#37ff8b;--fs-size:2em;-webkit-text-stroke:1px var(--text-stroke-color);background:#0000;border:none;color:#0000;cursor:pointer;font-family:Arial;font-size:var(--fs-size);height:auto;letter-spacing:3px;margin:0;padding:0;position:relative;text-decoration:none;text-transform:uppercase}.hover-text{-webkit-text-stroke:1px var(--animation-color);border-right:var(--border-right) solid var(--animation-color);box-sizing:border-box;color:var(--animation-color);content:attr(data-text);inset:0;overflow:hidden;position:absolute;transition:.5s;width:0}.button:hover .hover-text{filter:drop-shadow(0 0 23px var(--animation-color));width:100%}.footer{background-color:#000}.Btn{background-color:#0a66c2;border:none;border-radius:50%;box-shadow:2px 2px 10px rgba(0,0,0,.199);cursor:pointer;height:45px;justify-content:flex-start;overflow:hidden;position:relative;width:45px}.Btn,.sign{align-items:center;display:flex;transition-duration:.3s}.sign{justify-content:center;width:100%}.sign svg{width:25px}.sign svg path{fill:#fff}.text{color:#fff;font-size:1.2em;font-weight:600;opacity:0;position:absolute;right:0;width:0}.Btn:hover,.text{transition-duration:.3s}.Btn:hover{border-radius:40px;width:135px}.Btn:hover .sign{padding-left:10px;transition-duration:.3s;width:30%}.Btn:hover .text{opacity:1;padding-right:10px;transition-duration:.3s;width:70%}.Btn:active{transform:translate(2px,2px)}.input-container{background:#fff;background:linear-gradient(173deg,#23272f,#14161a);border-radius:1rem;box-shadow:10px 10px 20px #0e1013,-10px -10px 40px #383e4b;display:flex;gap:.3rem;padding:.3rem}.input-container input{background:#000;border:1px solid #0000;border-radius:.8rem;box-shadow:inset 5px 5px 10px #0e1013,inset -5px -5px 10px #383e4b,0 0 100px #ffd43b00,0 0 100px #f600;color:#fff;flex-basis:100%;padding:1rem;transition:all .2s ease-in-out;width:100%}.input-container input:focus{border:1px solid #ffd43b;box-shadow:inset 0 0 10px #ff660080,inset 0 0 10px #ffd43b80,0 0 100px #ffd43b80,0 0 100px #ff660080;outline:none}@media (max-width:500px){.input-container{flex-direction:column}.input-container input{border-radius:.8rem}}.Timerdiv,.flex-center,.social-links{align-items:center;display:flex}.flex-center,.social-btn,.social-links{justify-content:center}.social-btn{background:#000;border-radius:10px;box-shadow:0 10px 10px #0000001a;color:#37ff8b;cursor:pointer;font-family:Titillium Web,sans-serif;height:50px;margin:5px;transition:.3s;width:50px}.social-btn svg{height:24px;width:24px}.social-btn span{margin-left:5px;overflow:hidden;text-align:center;transition:.3s;width:0}.social-btn:hover{border-radius:5px;width:150px}.social-btn:hover span{padding:2px;width:80px}#twitter svg{fill:#1da1f2}#linkedin svg{fill:#0e76a8}#github{fill:#333}.footer{border:1px solid #0000;border-radius:.8rem;box-shadow:inset 5px 5px 10px #0e1013,inset -5px -5px 10px #383e4b,0 0 100px #ffd43b00,0 0 100px #f600;color:#fff;flex-basis:100%;padding:1rem;transition:all .2s ease-in-out}.footer:hover{border:1px solid #37ff8b;box-shadow:inset 0 0 10px #37ff8b,inset 0 0 10px #37ff8b,0 0 100px #37ff8b,0 0 100px #37ff8b;outline:none}@media (max-width:500px){.footer{border-radius:.8rem;flex-direction:column}}
/*# sourceMappingURL=main.39d7e04a.css.map*/