Can someone help me figure out why the background color isn't changing on my website? I'm not a fan of CSS so please go easy on me.
App.css
body {
background-color: darkslategray;
}
App.js
import { Box, ChakraProvider, Image } from "@chakra-ui/react";
import React from "react";
import './App.css';
function App() {
return (
<ChakraProvider>
<Box>
<Image
src='https://data.whicdn.com/images/349387980/original.jpg'
alt='Profile Image'
boxSize={100}
borderRadius='full'
border='4px'
borderColor='yellow'
/>
</Box>
</ChakraProvider>
)
}
export default App;