diff --git a/wp-content/themes/twentynineteen-tailwindcss/assets/css/components/main-menu.css b/wp-content/themes/twentynineteen-tailwindcss/assets/css/components/main-menu.css
new file mode 100644
index 0000000..acaccec
--- /dev/null
+++ b/wp-content/themes/twentynineteen-tailwindcss/assets/css/components/main-menu.css
@@ -0,0 +1,11 @@
+.menu-main-menu-container > ul {
+  @apply flex -mx-3
+}
+
+.menu-main-menu-container > ul li {
+  @apply px-3
+}
+
+.menu-main-menu-container a {
+  @apply text-2xl font-bold text-blue-700 tracking-tight
+}
diff --git a/wp-content/themes/twentynineteen-tailwindcss/assets/css/main.css b/wp-content/themes/twentynineteen-tailwindcss/assets/css/main.css
index 39423df..fe13202 100644
--- a/wp-content/themes/twentynineteen-tailwindcss/assets/css/main.css
+++ b/wp-content/themes/twentynineteen-tailwindcss/assets/css/main.css
@@ -31,6 +31,7 @@ h2:before {
 @import 'components/content.css';
 @import 'components/discussion-avatar-list.css';
 @import 'components/forms.css';
+@import 'components/main-menu.css';
 @import 'components/page-title.css';
 @import 'components/post.css';
 @import 'components/widgets.css';