edit blocks (gendir 4 + photos FINAL)

assets/css/main.css

@@ -258,8 +258,10 @@ img {
 .hero__content {
   position: relative;
   z-index: 1;
-  max-width: 1000px;
-  margin-left: 528px;
+  /*max-width: 1000px;*/
+  max-width: 1200px;
+  /*margin-left: 528px;*/
+  margin-left: auto;
   padding-top: 104px;
   padding-bottom: 100px;
 }
@@ -283,9 +285,10 @@ img {
   max-width: 1000px;
   /*margin-bottom: 24px;*/
   margin-bottom: 45px;
-  font-size: 72px;
+  font-size: 82px;
   font-weight: 700;
   line-height: 90px;
+  text-shadow: 0 15px 30px rgba(255, 255, 255, 0.1);
 }
 .hero h1 span {
   color: #cf1717;
@@ -307,7 +310,7 @@ img {
   margin-bottom: 15px;
 }
 .hero__tags li {
-  padding: 20px 20px;
+  padding: 16px 20px;
   border: 1px solid rgba(207, 23, 23, 0.3);
   /*background: rgba(41, 49, 51, 0.6);*/
   font-size: 14px;
@@ -315,16 +318,23 @@ img {
   line-height: 20px;
   white-space: nowrap;
   transition: border-color 0.25s ease, background-color 0.25s ease, transform 0.25s ease;
-  background-color: rgba(255, 255, 255, 0.2);
+  background-color: rgba(255, 255, 255, 0.09);
   backdrop-filter: blur(53px);
   -webkit-backdrop-filter: blur(10px);
-  border: 0px solid rgba(255, 255, 255, 0.3);
+  border: 1px solid rgba(255, 255, 255, 0.13);
   border-radius: 12px;
+  width: 240px;
+  text-align: center;
+  white-space: normal;
 }
 .hero__tags li:hover {
   transform: translateY(-1px);
-  border-color: rgba(207, 23, 23, 0.55);
-  background: rgba(41, 49, 51, 0.9);
+  /*border-color: rgba(207, 23, 23, 0.55);*/
+  /*background: rgba(41, 49, 51, 0.9);*/
+}
+.hero__tags li img {
+  width: 100px;
+  margin: 0 auto 5px;
 }
 .hero__actions {
   display: flex;
@@ -342,7 +352,7 @@ img {
 }
 .highlights__grid {
   display: grid;
-  grid-template-columns: repeat(3, minmax(0, 1fr));
+  grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 24px;
 }
 
@@ -362,7 +372,7 @@ img {
 }
 .info-card h3 {
   margin-bottom: 8px;
-  font-size: 20px;
+  font-size: 18px;
   font-weight: 500;
   line-height: 28px;
 }
@@ -1605,7 +1615,7 @@ img {
     margin-left: auto;
   }
   .hero h1 {
-    font-size: 64px;
+    font-size: 80px;
     line-height: 1.15;
   }
 }
@@ -1618,7 +1628,8 @@ img {
     margin-right: 20px;
   }
   .hero__content {
-    margin-left: 280px;
+    /*margin-left: 280px;*/
+    margin-left: auto;
     max-width: 700px;
   }
   .hero h1 {
@@ -1796,7 +1807,7 @@ img {
     padding: 0 16px;
   }
   .btn {
-    width: 100%;
+    width: 97%;
   }
   .btn--small {
     width: auto;
@@ -1816,6 +1827,11 @@ img {
   .hero__tags li {
     white-space: normal;
     padding: 14px 20px;
+    width: 47%;
+    font-size: 12px;
+  }
+  .hero__tags li img {
+    width: 73px;
   }
   .hero__actions .btn--ghost {
     width: 100%;