Tweak styles

diff --git a/src/index.html b/src/index.html
index d061502f78903ddb209cde5c578e695a197b549c..2eb438f5fb41d82a22b551a3184ceb289dcbc58e 100644 (file)
--- a/src/index.html
+++ b/src/index.html
@@ -15,8 +15,8 @@
       <p data-fill="I">
         I am a software developer in Nashville, Tennissee. For the past two
         years I've been working on the Marketing Technology team at
-        <a href="https://www.ramseysolutions.com">Ramsey</a>. Before that I was
-        in school at <a href="https://www.anselm.edu">Saint Anselm College</a>,
+        <a href="https://www.ramseysolutions.com">Ramsey.</a> Before that I was
+        in school at <a href="https://www.anselm.edu">Saint Anselm College,</a>
         where I got a bachelor's degree in Computer Science, and minored in
         Philosophy and German.
       </p>
@@ -43,13 +43,13 @@
       <p data-fill="L">
         Like so many other devs, I often spend my free time coding. Many of my
         side projects are hosted on
-        <a href="http://git.benlarson.xyz">my git server</a>. One of these is
-        <a href="https://www.isidore.ai"><b>Isidore</b></a
-        >, a Catholic digital assistant chatbot that gets its information from
-        APIs other people built. Sometimes I answer people's questions on
+        <a href="http://git.benlarson.xyz">my git server.</a> One of these is
+        <a href="https://www.isidore.ai"><b>Isidore,</b></a> a Catholic digital
+        assistant chatbot that gets its information from APIs other people
+        built. Sometimes I answer people's questions on
         <a href="https://stackoverflow.com/users/10377586/ben-larson"
-          >Stack Overflow</a
-        >.
+          >Stack Overflow.</a
+        >
       </p>
     </main>
   </body>

diff --git a/src/styles/main.css b/src/styles/main.css
index 8e7355594f65ccdc13714d362414118effeee402..38b67fa82e7a9c6cf220bc656e44d70bca511134 100644 (file)
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -26,7 +26,7 @@ body {
   font-family: eadui;
   font-size: 2rem;
   background-image: var(--parchment);
-  background-size: 8px;
+  background-size: 8px 6px;
   background-repeat: repeat;
   color: var(--text-color-primary);
   text-shadow: var(--text-shadow);
@@ -49,6 +49,7 @@ main {
   z-index: -1;
   position: absolute;
   left: 0;
+  width: 100%;
   text-shadow: none;
   color: var(--text-color-fill);
 }
@@ -120,15 +121,15 @@ b::first-letter {
 
 @media (max-width: 45em) {
   body {
-    font-size: 1.3em;
+    font-size: 1.75em;
   }
 
   main {
-    padding: 2rem;
+    padding: 2rem 1rem;
   }
 
   h1 {
-    font-size: 4rem;
+    font-size: 4.5rem;
     margin-bottom: 1rem;
     text-align: center;
   }