diff --git a/pairent_frontend_react/src/components/Header/styles/Header.css b/pairent_frontend_react/src/components/Header/styles/Header.css
new file mode 100644
index 0000000..9808f1a
--- /dev/null
+++ b/pairent_frontend_react/src/components/Header/styles/Header.css
@@ -0,0 +1,77 @@
+header{
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+    margin: 18px 0px 11px 0px; 
+}
+
+.logoSection{
+    display: flex;
+    align-items: center;
+}
+
+/*Логотип*/
+.logoSection img{
+    width: 100px;
+    height: 32px;
+}
+
+.verticalLine{
+    width: 3px; 
+    height: 37px;
+    margin: 0px 17px 0px 17px;
+    background-color: #A9A9A9;
+}
+
+/*Название сервиса*/
+.logoSection h1{
+    font-weight: 700;
+    font-size: 32px;
+    color: #222;
+}
+
+/*Кнопка локации*/
+.btnLocation{
+    width: 150px;
+    height: 28px;
+    margin-left: 37px;
+    border-radius: 40px;
+    background-color: #CCC;
+    font-size: 15px;
+}
+
+/*Навигация*/
+nav {
+    display: flex;
+    align-items: center;
+}
+
+nav div{
+    margin-right: 55px;
+}
+
+nav a, svg{
+    transition: 0.3s;
+    fill: #222;
+}
+
+nav svg:hover{
+    fill: #0050A1;
+}
+
+nav a:hover{
+    color: #0050A1;
+}
+
+/*Горизонтальная линия под шапкой*/
+.horizontalLine{
+    width: 100%; 
+    height: 1px;
+    background-color: #CCC;
+}
+
+/*Личный кабинет*/
+.userIcon{
+    border-radius: 20px;
+    background-color: #fff;
+}