design: no more ugly outlined style for input

src/styles/app.css

@@ -84,6 +84,10 @@ a {
   font-size: 1em;
 }
 
+.input:focus {
+  outline-style: none;
+}
+
 @media print {
 
   html,
@@ -113,4 +117,4 @@ pre {
 iframe {
   border-radius: 1rem;
   height: 400px;
-}
+}

tailwind.config.js

@@ -30,12 +30,13 @@ module.exports = {
       typography: () => ({
         DEFAULT: {
           css: {
-            'font-size': '15pt',
+            'font-size': '12pt',
             'font-family': '"Courier Prime", monospace',
             ...defaultTitleStyles,
             p: {
               'margin-top': '0.8em',
-              'margin-bottom': '0.8em'
+              'margin-bottom': '0.8em',
+              'text-align': 'justify'
             },
             img: {
               'margin-top': 0,