diff --git a/public/Image/download.jpg b/public/Image/download.jpg
new file mode 100644
index 0000000..b6a787e
Binary files /dev/null and b/public/Image/download.jpg differ
diff --git a/src/Component/About/About.jsx b/src/Component/About/About.jsx
index a546368..ae89857 100644
--- a/src/Component/About/About.jsx
+++ b/src/Component/About/About.jsx
@@ -8,7 +8,7 @@ function About() {
     <>
       <AboutContainer id="about">
         <AboutWrapper>
-          <img src="./Image/myImage.jpg" alt="" data-aos="fade-right" />
+          <img src="./Image/download.jpg" alt="" data-aos="fade-right" />
           <AboutPart data-aos="fade-left">
             <h1>About Me</h1>
             <p>
diff --git a/src/Component/Contact/Contact.jsx b/src/Component/Contact/Contact.jsx
index a372787..ada375f 100644
--- a/src/Component/Contact/Contact.jsx
+++ b/src/Component/Contact/Contact.jsx
@@ -23,7 +23,7 @@ function Contact() {
             </p>
             <div className="contact">
               <span>
-                <IoMdMail /> Adity@mail.com
+                <IoMdMail /> Aditya@mail.com
               </span>
               <span>
                 {" "}
@@ -38,12 +38,12 @@ function Contact() {
           </LeftSide>
           <RightSide data-aos="fade-left">
             <div className=" relative w-full">
-              <label htmlFor="" className=" absolute  mt-[-0.7rem] ml-2 bg-black pl-2 pr-2">Your Name</label>
-              <FormInput type="text" name="" id="" />
+              <label htmlFor="name" className=" absolute  mt-[-0.7rem] ml-2 bg-black pl-2 pr-2">Your Name</label>
+              <FormInput type="text" name="name" id="" />
             </div>
             <div className=" relative w-full">
-              <label htmlFor="" className=" absolute  mt-[-0.7rem] ml-2 bg-black pl-2 pr-2">Your Mail</label>
-              <FormInput type="text" name="" id="" />
+              <label htmlFor="mail" className=" absolute  mt-[-0.7rem] ml-2 bg-black pl-2 pr-2">Your Mail</label>
+              <FormInput type="text" name="mail" id="" />
             </div>
         
             <textarea name="" id=""></textarea>
@@ -58,7 +58,7 @@ function Contact() {
 export default Contact;
 
 const ContactContainer = styled.div`
-  font-family: "Mali", cursive;
+ 
   font-weight: 100;
   height: 100%;
   display: flex;
@@ -150,14 +150,7 @@ const RightSide = styled.div`
   justify-content: space-evenly;
   gap: 2rem;
 
-  /* input {
-    padding: 13px 0px;
-    width: 100%;
-    border-radius: 3px;
-    border: 1px solid rgba(72, 72, 72, 1);
-    color: var(--textcolor);
-    background-color: #000000;
-  } */
+ 
   textarea {
     width: 100%;
     height: 190px;
@@ -180,11 +173,18 @@ const RightSide = styled.div`
   }
 `;
 
-const FormInput = styled.div`
+const FormInput = styled.input`
   padding: 1.4rem 0px;
   width: 100%;
   border-radius: 3px;
   border: 1px solid rgba(72, 72, 72, 1);
   color: var(--textcolor);
   background-color: #000000;
+
+  @media screen and (max-width: 900px) {
+    label{
+      color: red;
+    }
+   
+  }
 `;
diff --git a/src/Component/Hero/Hero.jsx b/src/Component/Hero/Hero.jsx
index ca22df1..52bef09 100644
--- a/src/Component/Hero/Hero.jsx
+++ b/src/Component/Hero/Hero.jsx
@@ -55,7 +55,7 @@ export function Hero() {
               quae, laborum qui vitae a suscipit? Ius{" "}
             </p>
             <a
-              href="Interview.pdf"
+              // href="Interview.pdf"
               download="Interview question.pdf"
               className=" no-underline"
             >
@@ -68,7 +68,7 @@ export function Hero() {
 
           <img
             data-aos="fade-left"
-            src="./Image/myImage.jpg"
+            src="./Image/download.jpg"
             alt=""
             className="aspect-square
             w-1/3 rounded-full mt-24 border-4 border-solid"