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}.App{align-items:center;text-align:center}.body{display:flex;justify-content:center;margin:5px 20px}.title{height:20px;margin-top:40px;padding-bottom:0;width:60%}.header{display:flex;height:60px;justify-content:center;margin:60px 0 0}.typing-area-header{width:60%}.metrics-header{height:20px;width:200px}@media (max-width:850px){.body{flex-direction:column}.TypingText{min-width:90%}.metrics{width:100%}}.Quote{border:solid #283739;border-radius:10px;font-size:1.2em;height:250px;padding:10px;text-align:left;width:100%}.TypingText{align-items:center;display:flex;flex-direction:column;margin:0 20px;width:60%}.current{background-color:#adff2f}.wrong{background-color:salmon}input{margin:20px 0 5px;padding:5px;width:40%}button,input{font-size:1.2rem}button{background-color:#a2c11c;border:none;border-radius:5px;color:#e0e0e0;margin:10px;padding:10px 20px;width:100px}@media (max-width:850px){.TypingText{margin:0;width:100%}}.metrics{border:solid #283739;border-radius:10px;height:12em;width:200px}.metrics-data{background-color:#a2c11c;color:#e0e0e0;font-size:1.3rem;margin:10px;padding:5px}.metrics-label{font-size:1.2rem;margin-top:10px}@media (max-width:850px){.metrics{width:100%}}.Navbar{background-color:#2c5d63;color:#e0e0e0;display:flex;font-size:2rem;height:60px;justify-content:space-between;position:fixed;top:0;width:100%}.name{margin:0 50px;padding:5px 0}.navTab{font-size:1.5rem}.links,.navTab{align-items:center;display:flex;flex-direction:row;justify-content:center}.links,.links>a{height:100%}.links>a{align-items:center;color:#e0e0e0;display:flex;margin:0;padding:0 50px;text-decoration:none}.links>a:hover{background-color:#e0e0e0;color:#2c5d63}.Navbar .responsive{align-items:center;display:none}@media (max-width:850px){.Navbar .normal{display:none}.Navbar .responsive{display:flex}.Navbar .links{background-color:#2c5d63;border-top:3px solid #e0e0e0;display:flex;flex-direction:column;height:10rem;position:absolute;right:0;top:60px;width:100%}.name{width:50%}.hamburger{cursor:pointer;position:absolute;right:5%}}.quote-container{align-items:center;display:flex;flex-direction:column;margin-top:80px}.quote{border:solid #283739;border-radius:10px;margin:20px 0;width:60%}.quote>*{margin:10px 20px 0}.quote-title{background-color:#a2c11c;border-radius:5px;color:#e0e0e0;padding:5px;text-align:center}.quote>p{margin:10px 20px}.form-container{color:#283739;margin-top:80px}.form,.form-container{align-items:center;display:flex;flex-direction:column}.form{text-align:left;width:60%}.form>input,.form>label{width:100%}.quote-input{height:200px;padding:10px;resize:none;width:100%}
/*# sourceMappingURL=main.2afa34d3.css.map*/