CSS to HTML link not working in my code

The styles are not applying when viewing in web view.

I tried restarting the app already. The reason I’m on a mobile app is because I’m in the middle of a move, and no access to a computer right now.
See my project/code down below:

My project:
Html file:

CSS file:

Html code:

        <meta charset="utf-8">
        <title>Cafe Menu</title>
        <link rel="stylessheet" href="CafeMenuStyle.css">
      <!-- Style html without linking to CSS:
              h1, h2, p {text-align: center;}

Css code:

h1, h2, p {
  text-align: center;
h1, h2 {
  color: #831100;

Html code gets abbreviated to Cafe Menu by this site, sorry I’m unable to post a snippet of the code, but links to my project are in the post.

Hey @batechks!

Could you try viewing the page in a new tab/your browser instead of within Replit?