Not loading the CSS App

App.tsx:

import "./App.css";

import * as React from "react";

import useConfig from "./components/useConfig";
import logo from "./logo.svg";

/**
 * Our Web Application
 */
export default function App() {
  const config = useConfig();
  return (
    <>
      <p className="red-text">test</p>
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="App-title">Welcome to {config.app.TITLE}</h1>
        </header>
        <p className="App-intro">
          To get started, edit <code>src/App.tsx</code> and save to reload.
        </p>
      </div>
    </>
  );
}

App.css:

 .red-text {
  color: red;
}

but after deployment and accessed the AWS link, the text did not change color

can someone help me?

probably this boilerplate is not working anymore