diff --git a/src/index.html b/src/index.html
index 6a7c812fa..473966911 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3,12 +3,17 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&family=M+PLUS+Rounded+1c&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Protest+Revolution&family=Rubik+Distressed&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="main.css">
   <title>HTML Portfolio</title>
 </head>
 <body>
-
-  Welcome to the HTML Portfolio Project
+<div class="welcome">
+   <h1><span class="first">Welcome</span> <br>to <br><span class="second">HTML Portfolio Project </span></h1>
+</div>
+ 
 
 </body>
 </html>
diff --git a/src/main.css b/src/main.css
index e69de29bb..980c9cd51 100644
--- a/src/main.css
+++ b/src/main.css
@@ -0,0 +1,41 @@
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body, html {
+    /* background: linear-gradient(90deg,black, rgb(2, 2, 89),black); */
+    background: linear-gradient(90deg,rgb(5, 5, 54),black,rgb(5, 5, 54));
+    color: white;
+    font-family:Verdana, Geneva, Tahoma, sans-serif;
+    height: 100vh;
+}
+
+.welcome{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+}
+
+h1{
+    text-align: center;
+    font-family: "Protest Revolution", sans-serif;
+    font-weight: 700;
+    font-style: normal;
+    font-size: 60px;
+}
+
+.first{
+    font-size: 90px;
+    color: rgb(94, 94, 236);
+}
+
+.second{
+    font-size: 95px;
+    color: rgba(0, 255, 255, 0.497);
+    animation: animation 2s;
+}
+    
+
