ы

css/style.css

@@ -5,8 +5,8 @@
 body {
   margin: 0;
   padding: 0;
-  background-color: black;
+  background-color: #0a0a0a;
-  color: #00ff00;
+  color: #e1e1e1;
   font-family: 'Courier New', Courier, monospace;
   text-align: center;
 }
@@ -57,7 +57,7 @@ header {
 
 .terminal-body {
   padding: 20px;
-  color: #00ff00;
+  color: #e1e1e1;
   font-size: 1.2rem;
 }
 
@@ -90,9 +90,10 @@ main {
 }
 
 .centered-image {
-  max-width: 100%;
+  max-width: calc(100% - 10px); /* Отступы по 5px слева и справа */
   height: auto;
   border-radius: 10px;
+  margin: 20px 5px;
 }
 
 .project-links a {
@@ -118,7 +119,7 @@ footer {
 }
 
 .terminal-footer {
-  color: #00ff00;
+  color: #e1e1e1;
 }
 
 .terminal-footer a {

index.html

@@ -8,7 +8,7 @@
     <meta name="author" content="DarkShy">
     <meta property="og:title" content="DarkShy - Личный сайт">
     <meta property="og:description" content="Личный сайт DarkShy, системного администратора и разработчика. Узнай обо мне больше!">
-    <meta property="og:image" content="/img/darkshy-character.png">
+    <meta property="og:image" content="/img/log.webp">
     <meta property="og:url" content="https://darkshy.bronyfurry.com">
     <meta property="og:type" content="website">
     <link rel="icon" href="/img/favicon.ico" type="image/x-icon">
@@ -39,7 +39,7 @@
         </section>
 
         <section class="image-section">
-            <img src="/img/darkshy-character.png" alt="DarkShy" class="centered-image">
+            <img src="/img/log.webp" alt="DarkShy" class="centered-image">
         </section>
 
         <section class="projects">