body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.Typing{width:80%;height:100vh;margin:auto}.Typing h1{font-family:"Lobster",cursive;margin-top:0;padding-top:10vh;color:#00d4ff;font-size:4rem}.Typing p{font-family:"Roboto Mono",monospace;padding-top:3vh;color:#00d4ff;font-size:1.6rem;margin:auto}.Typing .blinkingCursor{font-weight:900;font-size:4rem;color:#ddd;-webkit-animation:blink .75s step-end infinite;animation:blink .75s step-end infinite}@keyframes blink{0%,to{color:transparent}50%{color:#ddd}}@-webkit-keyframes blink{0%,to{color:transparent}50%{color:#ddd}}.DisplayedText{font-family:"Roboto Mono",monospace;display:flex;justify-content:center;align-items:center;margin:auto;font-size:2.3rem;color:#ddd}.InputField{margin:2rem}.InputField input{padding:2rem 4rem;font-size:2.3rem}.ButtonContainer{margin-top:3rem;display:flex;justify-content:space-around;align-items:center}.ButtonContainer button{font-family:"Lobster",cursive;padding:.5rem 2rem;border:.2rem solid #fff;margin:0 .6rem .6rem 0;border-radius:.5rem;box-sizing:border-box;text-decoration:none;font-weight:300;color:#000;text-align:center;transition:all .2s;font-size:1.8rem}.ButtonContainer button:hover{background-color:#00d4ff;border:.2rem solid #00d4ff}.ButtonContainer h3{color:#ddd;font-size:1.6rem}@media only screen and (max-width:1100px){.Typing{width:90%}.Typing h1{font-size:2rem}.DisplayedText,.Typing p{font-size:1.3rem}.InputField input{width:60%;margin-bottom:3rem;margin-top:3rem}.ButtonContainer button{padding:.25rem 1rem;margin:0 .3rem .3rem 0;border-radius:.25rem;font-size:1.3rem}}.App{text-align:center;background:#020024;height:100vh;width:100vw}
/*# sourceMappingURL=main.ce161f98.chunk.css.map */