Remove: old css

src/app/app.component.css

@@ -5,15 +5,6 @@
   font-family: Arial, sans-serif;
 }
 
-header {
-  margin-bottom: 20px;
-  text-align: center;
-}
-
-h1 {
-  color: #333;
-}
-
 .controls {
   display: flex;
   justify-content: space-between;

src/app/app.component.html

@@ -1,6 +1,6 @@
 <div class="container">
-  <header>
-    <h1>{{ title }}</h1>
+  <header class="text-center m-6">
+    <h1 class="text-3xl font-bold">{{ title }}</h1>
   </header>
 
   <div class="controls">