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>