fixed allignment

- updated allignment in intro part

styles.css

@@ -51,30 +51,53 @@ nav a:hover {
     padding: 100px;
 }
 
+.intro-content {
+    max-width: 1200px;
+    width: 100%;
+    display: flex;
+    align-items: center;
+}
+
 .intro-left {
     width: 50%;
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center; /* Center the text vertically */
 }
 
 .intro-left h1 {
     font-size: 3rem;
     color: #ffffffe4;
+    margin: 0; /* Remove margin for consistent alignment */
 }
 
 .intro-left p {
     font-size: 1rem;
     color: #ffffffa4;
+    margin: 20px 0; /* Adjust the margin as needed */
 }
 
-
+.contact-button {
+    display: inline-block;
+    padding: 10px 20px;
+    background: #ff9900;
+    color: #fff;
+    text-decoration: none;
+    border-radius: 5px;
+    font-weight: bold;
+}
 
 .intro-right {
     width: 50%;
+    padding: 20px;
 }
 
 .intro-right img {
     max-width: 100%;
 }
 
+
 /* Responsive design for intro section */
 @media screen and (max-width: 768px) {
     .intro-section {