diff --git a/src/App.css b/src/App.css
index e69de29..946f29a 100644
--- a/src/App.css
+++ b/src/App.css
@@ -0,0 +1,3 @@
+.h1 {
+    align-items: center;
+}
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index 5a978c4..cca685c 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import Header from './components/Header/Header'; 
+import SkinTypeQuiz from './components/SkinTypeQuiz/SkinTypeQuiz'; 
 import './App.css';
 
 function App() {
@@ -7,8 +8,8 @@ function App() {
     <div className="App">
       <Header /> 
       <main>
-       
         <h1>Добро пожаловать в SkinCare Advisor!</h1>
+        <SkinTypeQuiz/>
       </main>
     </div>
   );
diff --git a/src/components/SkinTypeQuiz/SkinTypeQuiz.css b/src/components/SkinTypeQuiz/SkinTypeQuiz.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/SkinTypeQuiz/SkinTypeQuiz.js b/src/components/SkinTypeQuiz/SkinTypeQuiz.js
new file mode 100644
index 0000000..b963d6e
--- /dev/null
+++ b/src/components/SkinTypeQuiz/SkinTypeQuiz.js
@@ -0,0 +1,3 @@
+import React, { useState } from 'react';
+import './SkinTypeQuiz.css';
+