diff --git a/src/main.jsx b/src/main.jsx
index 950e96a..0e8e876 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -1,6 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-// удаляем import './index.css'
+
 import App from './App.jsx'
 
 createRoot(document.getElementById('root')).render(
diff --git a/src/styles/App.module.scss b/src/styles/App.module.scss
new file mode 100644
index 0000000..7eb0a01
--- /dev/null
+++ b/src/styles/App.module.scss
@@ -0,0 +1,22 @@
+.container {
+    display:flex;
+    flex-direction: row;
+    border: 1px solid black;
+    border-radius: 5px;
+    margin-bottom: 10px;
+    p {
+        padding: 5px 10px;
+    }
+}
+.counter {
+    &_display{
+        border: 1px solid black;
+        border-width: 3px;
+        border-radius: 10px;
+        padding: 10px;
+        width: 300px;
+    }
+    &_button{
+        padding: 10px;
+    }
+}
\ No newline at end of file