Много всякого дизайна

templates/static/css/manga_catalog.css

@@ -10,14 +10,19 @@ body {
     min-height: 50px;
     display: flex;
     position: sticky;
+    margin: 0 auto;
     top: 0;
-    width: 100%;
+    width: 50%;
     height: 5%;
     background-color: #3987cf;
     z-index: 1000;
     align-items: center;
     justify-content: space-between; /* Распределяет пространство между элементами */
     padding: 0 20px; /* Добавляем отступы по бокам */
+    border-bottom-left-radius: 15px;
+    border-bottom-right-radius: 15px;
+
+
 }
 
 .title-site {
@@ -32,8 +37,7 @@ body {
     position: absolute;
     color: #ffffff;
     left: 65%;
-
-
+    top: 10%;
 
 }
 
@@ -65,7 +69,7 @@ body {
 /* Изображение */
 .manga-cover {
     width: 100%;
-    height: 280px;
+    height: 100%;
 }
 
 .manga-cover img {
@@ -149,7 +153,7 @@ body {
     background: #f0f0f0;
     padding: 4px 10px;
     border-radius: 4px;
-    font-size: 14px;
+    font-size: 12px;
     color: #555;
 }