fix css

Author: iernie

src/App.module.css

@@ -2,7 +2,3 @@
   margin: 7rem 0;
   text-align: center;
 }
-
-.something {
-  margin: 3;
-}

src/App.tsx

@@ -42,7 +42,7 @@ function App() {
 
   return (
     <StateProvider>
-      <div className={styles.con2tent}>
+      <div className={styles.content}>
         <Router>
           <Routes>
             <Route

src/index.css

@@ -14,15 +14,15 @@
   --grey-4: rgb(77, 79, 83);
 }
 
-html {
+:global(html) {
   position: relative;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   font-size: 1rem;
 }
 
-body {
+:global(body) {
   margin: 0;
   font-family: "Roboto", sans-serif;
   -webkit-font-smoothing: antialiased;
@@ -31,13 +31,13 @@ body {
 }
 
 @media only screen and (max-width: 767px) {
-  body {
+  :global(body) {
     padding: 0 1rem;
   }
 }
 
-*,
-*:before,
-*:after {
+:global(*),
+:global(*):before,
+:global(*):after {
   box-sizing: inherit;
 }