Chap04 -> Styling components with Emotion -> Styling the App component -> style css prop use tagged template literal

QandA/frontend/src/App.module.css

@@ -1,5 +0,0 @@
-.container {
-  font-family: 'Segoe UI', 'Helvetica', sans-serif;
-  font-size: 16px;
-  color: #5c5a5a;
-}

QandA/frontend/src/App.tsx

@@ -1,11 +1,19 @@
+/** @jsxImportSource @emotion/react */
+import { css } from '@emotion/react';
+
 import React from 'react';
 import { Header } from './Header';
-import style from './App.module.css';
 import { HomePage } from './HomePage';
 
 function App() {
   return (
-    <div className={style.container}>
+    <div
+      css={css`
+        font-family: 'Segoe UI', 'Helvetica Neue', sans-serif;
+        font-size: 16px;
+        color: #5c5a5a;
+      `}
+    >
       <Header />
       <HomePage />
     </div>