Created using Vite. i tried multiple times, the project wont load nor use the css styling file i made. only inline css works. even using App.css does not work.

Page:

import '../styles.css';
function Explore() {
    return(
        <>
        <br />
        <div className="container-fluid">
        <Header />
         <div className="container-fluid" style={{textAlign: 'right'}}>
          <h4>Test</h4>
          <br />
          </div>
          <div className="container">
      <div>
        <button className="filter-butt" onClick={() => filterPosts("All")}>All</button>
        <button className="filter-butt" onClick={() => filterPosts("Personal")}>Personal</button>
        <button className="filter-butt" onClick={() => filterPosts("Technology")}>Technology</button>
        <button className="filter-butt" onClick={() => filterPosts("Travel")}>Travel</button>
        <button className="filter-butt" onClick={showRandomPost}>