From b0fda31eecf3f23804e7fb361c890fa23a9c498d Mon Sep 17 00:00:00 2001
From: Leandro Facchinetti <git@leafac.com>
Date: Thu, 18 Mar 2021 15:32:40 +0000
Subject: [PATCH]

---
 src/index.ts | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index baca73d..9df9f6b 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -95,15 +95,15 @@ export default function killTheNewsletter(
           style="${css`
             @at-root {
               body {
-                font-size: 14px;
+                font-size: 0.875rem;
+                line-height: 1.5;
                 font-family: --apple-system, BlinkMacSystemFont, "Segoe UI",
                   Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
                   "Helvetica Neue", sans-serif;
-                line-height: 1.5;
                 -webkit-text-size-adjust: 100%;
                 max-width: 450px;
-                padding: 0 1em;
-                margin: 1em auto;
+                padding: 0 1rem;
+                margin: 1rem auto;
                 text-align: center;
                 overflow-wrap: break-word;
               }
@@ -114,11 +114,11 @@ export default function killTheNewsletter(
               }
 
               h1 {
-                font-size: 1.5em;
+                font-size: 1.3rem;
               }
 
               footer {
-                font-size: 0.857em;
+                font-size: 0.75rem;
               }
 
               a {
@@ -138,7 +138,7 @@ export default function killTheNewsletter(
               input,
               button {
                 all: unset;
-                padding: 0.1em 1em;
+                padding: 0.1rem 1rem;
                 border-style: solid;
                 border-color: gainsboro;
                 border-radius: 5px;
@@ -159,7 +159,7 @@ export default function killTheNewsletter(
               }
 
               button {
-                font-size: 0.857em;
+                font-size: 0.75rem;
                 border-width: 0.1px;
 
                 @media (prefers-color-scheme: dark) {