style: changing appearance of blocks

assets/css/main.css

@@ -222,9 +222,10 @@ img {
 .hero__content {
   position: relative;
   z-index: 1;
-  max-width: 816px;
+  max-width: 1000px;
   margin-left: 528px;
   padding-top: 104px;
+  padding-bottom: 50px;
 }
 .hero__content > * {
   opacity: 0;
@@ -243,7 +244,7 @@ img {
   animation-delay: 0.52s;
 }
 .hero h1 {
-  max-width: 768px;
+  max-width: 1000px;
   margin-bottom: 24px;
   font-size: 72px;
   font-weight: 700;
@@ -467,6 +468,9 @@ img {
   min-height: 338px;
   padding: 33px;
   transition: transform 0.3s ease, border-color 0.3s ease;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 .object-card__content h3 {
   margin-bottom: 16px;