From 3dd10f03f4b631e22c24536189eee105483f679f Mon Sep 17 00:00:00 2001
From: DarkShyMW <ponyfrost.mc@gmail.com>
Date: Thu, 16 Jan 2025 20:59:44 +0300
Subject: [PATCH] 	modified:   css/style.css

---
 css/style.css | 42 +++++++++++++++++++++++++++++++++---------
 1 file changed, 33 insertions(+), 9 deletions(-)

diff --git a/css/style.css b/css/style.css
index f85d735..e86a4a0 100644
--- a/css/style.css
+++ b/css/style.css
@@ -31,15 +31,39 @@ body {
     color: red;
 }
 
-div.imagecenter { 
-  margin: 0 auto;
-  width: 80em;
+/* Установка максимального размера для изображения */
+.centered-image {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 20px auto;
+  max-width: 600px; /* Ограничение ширины */
 }
-img.center {
-  display: block;
-   margin-left: auto;
-   margin-right: auto;
- }
+
+.centered-image img.responsive {
+  max-width: 100%; /* Для адаптации к экрану */
+  height: auto; /* Сохраняем пропорции */
+  border-radius: 10px; /* Скругление краёв */
+}
+
+/* Упорядочивание текста и карточек */
+div.card {
+  margin: 15px auto;
+  padding: 20px;
+  max-width: 800px; /* Максимальная ширина */
+  background-color: rgba(34, 34, 34, 0.9);
+  border: 1px solid chartreuse;
+  border-radius: 8px; /* Добавляем скругления */
+  color: chartreuse;
+  text-align: justify; /* Упорядочиваем текст */
+}
+
+.card a {
+  display: block; /* Ссылки в столбик */
+  margin: 5px auto;
+  text-align: center;
+}
+
 .responsive {
   width: 100%;
     height: auto;
@@ -66,4 +90,4 @@ a.github {
   text-decoration: none;
   padding: 2px 1px 0;
   color:chartreuse;
-}
\ No newline at end of file
+}