From e42f31e2284df2e1bbf56458cd6db2a6be99f5ea Mon Sep 17 00:00:00 2001
From: Roomote <roomote@roocode.com>
Date: Tue, 28 Apr 2026 13:11:03 +0000
Subject: [PATCH] feat: use comic font on white background

---
 app/assets/stylesheets/application.css | 14 ++++++++++++++
 app/views/home/index.html.erb          |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 1bc8ecd..f186210 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -3,7 +3,21 @@
  *= require_self
  */
 
+@import url("https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap");
+
+html {
+  font-family: "Comic Sans MS", "Comic Sans", "Comic Neue", cursive;
+}
+
 body {
+  font-family: "Comic Sans MS", "Comic Sans", "Comic Neue", cursive;
   margin: 0;
   padding: 0;
 }
+
+button,
+input,
+select,
+textarea {
+  font-family: inherit;
+}
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index 74fa0aa..0e273d2 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -1,6 +1,6 @@
 <%= turbo_stream_from "counter" %>
 
-<main class="flex flex-col items-center justify-center min-h-screen bg-red-500 p-8">
+<main class="flex flex-col items-center justify-center min-h-screen bg-white p-8">
   <div class="text-center mb-8">
     <h1 class="text-5xl font-bold text-red-600 mb-2">Hello, World!</h1>
     <p class="text-gray-500">Rails 8 Full Stack Demo</p>