diff --git a/.github/workflows/lint.yml b/.github/workflows/lint.yml
index ad52791..9745f1b 100644
--- a/.github/workflows/lint.yml
+++ b/.github/workflows/lint.yml
@@ -21,5 +21,5 @@ jobs:
       - name: Install dependencies
         run: npm install
 
-      - name: Run ESLint and HTMLHint
+      - name: Run ESLint, HTMLHint, and Prettier
         run: npm run lint
diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000..5282aab
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,18 @@
+{
+    "semi": false,
+    "singleQuote": true,
+    "printWidth": 120,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "endOfLine": "auto",
+    "overrides": [
+      {
+        "files": "*.css",
+        "options": {
+          "parser": "css",
+          "singleQuote": false
+        }
+      }
+    ]
+  }
+  
\ No newline at end of file
diff --git a/package.json b/package.json
index 2be8fa6..9810e08 100644
--- a/package.json
+++ b/package.json
@@ -4,12 +4,13 @@
     "node": ">=16.17.0"
   },
   "scripts": {
-    "lint": "eslint . && htmlhint **/*.html",
+    "lint": "eslint . && htmlhint **/*.html && prettier --write '**/*.css'",
     "existing-script": "existing command"
   },
   "devDependencies": {
     "eslint": "^8.56.0",
     "htmlhint": "^1.1.4",
+    "prettier": "^3.2.4",
     "stylelint": "^16.1.0",
     "stylelint-config-standard": "^36.0.0",
     "stylelint-config-standard-scss": "^13.0.0",
diff --git a/styles.css b/styles.css
index aa7d0bc..c79662b 100644
--- a/styles.css
+++ b/styles.css
@@ -1,224 +1,220 @@
 body {
-    font-family: Arial, sans-serif;
-    margin: 0;
-    padding: 0;
-    background-color: #f5f5f5;
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  background-color: #f5f5f5;
 }
 
 header {
-    background-color: #333;
-    color: #fff;
-    text-align: center;
-    padding: 10px;
+  background-color: #333; 
+  color: #fff;
+  text-align: center;
+  padding: 10px;
 }
 
 nav {
-    background-color: #007BFF;
-    padding: 10px;
+  background-color: #007bff;
+  padding: 10px;
 }
 
 nav ul {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    text-align: center;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  text-align: center;
 }
 
 nav ul li {
-    display: inline;
-    margin-right: 20px;
+  display: inline;
+  margin-right: 20px;
 }
 
 nav a {
-    text-decoration: none;
-    color: #fff;
-    font-weight: bold;
-    font-size: 18px;
+  text-decoration: none;
+  color: #fff;
+  font-weight: bold;
+  font-size: 18px;
 }
 
 footer {
-    background-color: #333;
-    color: #fff;
-    text-align: center;
-    padding: 1px;
-    position:fixed;
-    bottom: 0;
-    width: 100%;
+  background-color: #333;
+  color: #fff;
+  text-align: center;
+  padding: 1px;
+  position: fixed;
+  bottom: 0;
+  width: 100%;
 }
 
 section {
-    margin: 20px;
+  margin: 20px;
 }
 
 #contact-info a {
-    color: #007BFF;
+  color: #007bff;
 }
 
 #projects img {
-    max-width: 100%;
-    height: auto;
-    margin: 20px 0;
+  max-width: 100%;
+  height: auto;
+  margin: 20px 0;
 }
 
 /* Стили для навигации */
 nav ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+  list-style: none;
+  padding: 0;
+  margin: 0;
 }
 
 nav ul li {
-    display: inline-block;
-    margin-right: 20px;
+  display: inline-block;
+  margin-right: 20px;
 }
 
 nav ul li a {
-    text-decoration: none;
-    color: #333;
-    font-weight: bold;
-    font-size: 18px;
-    position: relative;
-    transition: color 0.3s ease-in-out;
+  text-decoration: none;
+  color: #333;
+  font-weight: bold;
+  font-size: 18px;
+  position: relative;
+  transition: color 0.3s ease-in-out;
 }
 
 nav ul li a:hover {
-    color: #ffd700; 
+  color: #ffd700;
 }
 
 #about-me {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 
 .about-me-content {
-    flex: 1;
+  flex: 1;
 }
 
 #profile-image {
-    width: 150px;
-    height: auto;
-    border-radius: 5px;
+  width: 150px;
+  height: auto;
+  border-radius: 5px;
 }
 
 #contact-info {
-    display: flex;
-    align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 .contact-details {
-    flex: 1;
-    color: green;
+  flex: 1;
+  color: green;
 }
 
 .contact-text {
-    max-width: 300px; 
+  max-width: 300px;
 }
 
 #profile-image {
-    width: 250px;
-    height: auto;
-    border-radius: 5px;
-    margin-left: 20px; 
-    transition: transform 0.3s ease-in-out;
-    border: 5px solid #3498db; 
-    box-shadow: 0 0 5px rgb(8 46 71 / 50%); 
+  width: 250px;
+  height: auto;
+  border-radius: 5px;
+  margin-left: 20px;
+  transition: transform 0.3s ease-in-out;
+  border: 5px solid #3498db;
+  box-shadow: 0 0 5px rgb(8 46 71 / 50%);
 }
 
 #profile-image:hover {
-    transform: scale(1.2); 
+  transform: scale(1.2);
 }
 
 #contact-info h2 {
-    color: blue;
-}   
+  color: blue;
+}
 
 #education h2 {
-    margin-top: -60px;
-    color: blue;    
+  margin-top: -60px;
+  color: blue;
 }
 
 #skills h2 {
-    color: blue;
+  color: blue;
 }
 
-
 .developer-info {
-    text-align: center;
-    margin-top: 10px; 
+  text-align: center;
+  margin-top: 10px;
 }
 
-.developer-info p{
-    font-size: 24px; 
-    font-weight: bold;
-    color: #ffd700; 
-    background-color: #3498db; 
-    padding: 10px; 
-    border-radius: 5px; 
-    display: inline-block; 
-    box-shadow: 0 0 5px rgb(52 152 219 / 50%); 
+.developer-info p {
+  font-size: 24px;
+  font-weight: bold;
+  color: #ffd700;
+  background-color: #3498db;
+  padding: 10px;
+  border-radius: 5px;
+  display: inline-block;
+  box-shadow: 0 0 5px rgb(52 152 219 / 50%);
 }
 
 #visit-info {
-   size: 0.1px; 
-   
-     
+  size: 0.1px;
 }
 
 #education {
-    margin-top: auto;
+  margin-top: auto;
 }
 
 .languages {
-    border: 1px solid #ccc; 
-    padding: 10px; 
-    background-color: #f0f0f0; 
+  border: 1px solid #ccc;
+  padding: 10px;
+  background-color: #f0f0f0;
 }
 
 .languages p {
-    margin: 0; 
+  margin: 0;
 }
 
-#project-details h2{
-    color: blue     ;
+#project-details h2 {
+  color: blue;
 }
 
 #first {
-margin-top: -250px;
-text-align: left;
-font-weight: bolder;
-color: brown;
-font-size: 23px;
+  margin-top: -250px;
+  text-align: left;
+  font-weight: bolder;
+  color: brown;
+  font-size: 23px;
 }
 
-#time{
-    text-align: right;
-    color: green;
-    font-size: 23px;
+#time {
+  text-align: right;
+  color: green;
+  font-size: 23px;
 }
 
 body {
-    position: relative;
+  position: relative;
 }
 
 #night-mode-toggle {
-    position: fixed;
-    top: 20px;
-    right: 20px;
-    background-color: #4caf50;
-    color: #fff;
-    padding: 10px 20px;
-    cursor: pointer;
-    border: none;
-    border-radius: 5px;
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  background-color: #4caf50;
+  color: #fff;
+  padding: 10px 20px;
+  cursor: pointer;
+  border: none;
+  border-radius: 5px;
 }
 
-
 body.night-mode {
-    background-color: #1a1a1a;
-    color: #fff;
+  background-color: #1a1a1a;
+  color: #fff;
 }
 
 .night-mode-footer {
-    background-color: blue;
-}
\ No newline at end of file
+  background-color: blue;
+}