фиксы

src/components/Header/Header.js

@@ -0,0 +1,15 @@
+import React from "react";
+import {LogoutButton} from "../LogoutButton/LogoutButton";
+
+import './header.scss'
+
+export const Header = () => {
+  return (
+      <div className='container header'>
+        <h2>
+          <span>Аутстаффинг</span> it-персонала
+        </h2>
+        <LogoutButton/>
+      </div>
+  )
+};

src/components/Header/header.scss

@@ -0,0 +1,26 @@
+.header {
+  margin-top: 60px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+
+  h2 {
+    flex: 1;
+    text-align: center;
+    color: #52b709;
+    font-family: 'GT Eesti Pro Display', sans-serif;
+    font-size: 5em;
+    font-weight: 700;
+    font-style: normal;
+    letter-spacing: normal;
+    line-height: 77.81px;
+
+    span {
+      color: #282828;
+      font-style: normal;
+      letter-spacing: 0.56px;
+      line-height: normal;
+    }
+  }
+}