diff --git a/index.html b/index.html
index d662f1d..c351728 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height">
     <title></title>
-    <link rel="stylesheet" href="home1.css">
+    <link rel="stylesheet" href="public/styles/home1.css">
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200&family=Sofia&display=swap" rel="stylesheet">
 
 </head>
@@ -16,7 +16,7 @@
     <div class="contacticon">
       <a href="https://twitter.com/SomyaChawla17?t=t_M788qLVl4Yc8O5x0hOuA&s=08" 
         ><img
-          src="public/images/twitter.png"
+          src="public/assets/twitter.png"
           alt="Twitter"
           loading="lazy"
           class="icon"
@@ -24,13 +24,13 @@
       
       <a href="https://www.linkedin.com/in/somya-chawla-881a4a255" 
         ><img
-          src="public/images/linkedin.png"
+          src="public/assets/linkedin.png"
           alt="Linkedin"
           loading="lazy"
           class="icon"
       /></a>
       <a href="https://github.com/settings/profile">
-        <img src="public/images/github.png"
+        <img src="public/assets/github.png"
          alt="Github" 
          loading="lazy"
          class="icon"
@@ -57,16 +57,11 @@
     </nav>
   </div>
 
-   
-       
-      
-
-
     
 
     <div class="home" id="about">
       <img
-        src="public/images/homeimage.jpeg"
+        src="public/assets/homeimage.jpeg"
         
         loading="lazy"
         class="home-img"
diff --git a/projects.html b/projects.html
index 38d1c0c..656c55a 100644
--- a/projects.html
+++ b/projects.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title></title>
-    <link rel="stylesheet" href="projects.css">
+    <link rel="stylesheet" href="public/styles/projects.css">
     <link href="https://fonts.googleapis.com/css2?family=Kalam:wght@700&family=Orbitron:wght@600&family=Poppins:wght@100;200&family=Sofia&display=swap" rel="stylesheet">
 
 </head>
@@ -31,7 +31,7 @@ <h2 class="projects-title">Some of the Projects where I have been a Major Contri
     <div class="projects-container">
       <div class="project-container project-containerr">
         <img
-          src="public/images/imagly.jpeg"
+          src="public/assets/imagly.jpeg"
           alt="Imagly"
           
           class="project-pic"
@@ -44,7 +44,7 @@ <h3 class="project-title">Imagly</h3>
       </div>
       <div class="project-container project-containerr">
         <img
-          src="public/images/videofy.jpeg"
+          src="public/assets/videofy.jpeg"
           alt="videofy"
           loading="lazy"
           class="project-pic"
@@ -59,7 +59,7 @@ <h3 class="project-title">Videofy</h3>
 
       <div class="project-container project-containerr">
         <img
-          src="public/images/icb.jpeg"
+          src="public/assets/icb.jpeg"
           alt="greeny-earth"
           loading="lazy"
           class="project-pic"
diff --git a/public/css/home1.css b/public/styles/home1.css
similarity index 91%
rename from public/css/home1.css
rename to public/styles/home1.css
index 965caaf..c62cf71 100644
--- a/public/css/home1.css
+++ b/public/styles/home1.css
@@ -12,14 +12,9 @@ body{
 }
 
 
-
-
-
-
-
 .homepage .anim{
-    height: 0px;
-    padding: 0px;
+    height: 0vh;
+    padding: 0vh;
     border: 130em solid #039be5;
     position: fixed;
     left: 50%;
@@ -34,8 +29,8 @@ body{
 
 .homepage #animate {
     background: rgba(37, 9, 215, 0.85);
-    width: 56px;
-    height: 56px;
+    width: 5vh;
+    height: 5vh;
     position: absolute;
     left: 50%;
     top: 50%;
@@ -51,14 +46,14 @@ body{
 
 @keyframes init{
     0%{
-        width: 0px;
-        height: 0px;
+        width: 0vh;
+        height: 0vh;
         transform: rotate(90deg);
     }
     100%{
-        width: 56px;
-        height: 56px;
-        margin-top: 0px;
+        width: 5vh;
+        height: 5vh;
+        margin-top: 0vh;
         opacity: 1;
     }
 }
@@ -66,13 +61,13 @@ body{
 @keyframes body_part{
     0%{
         top: 100%;
-        height: 0px;
-        padding: 0px;
+        height: 0vh;
+        padding: 0vh;
     }
     100%{
         top: 50%;
         height: 100%;
-        padding: 0px 100%;
+        padding: 0vh 100%;
     }
 }
 
@@ -81,7 +76,7 @@ body{
         border-radius: 10%;
     }
     100%{
-        border-radius: 0px;
+        border-radius: 0vh;
     }
 }
 
@@ -112,7 +107,7 @@ body{
         background: #039be5;
     }
 }
-/* nav bar wali */
+
 @keyframes last_transition{
     0%{
         background: #039be5;
@@ -131,7 +126,7 @@ body{
         
         width: 100vh;
         height: 10%;
-        border-radius: 0px;
+        border-radius: 0vh;
         top: 3vh;
 
     }
@@ -196,7 +191,7 @@ ul{
     
     width: 60vh;
     padding: 0.625vh;
-    border-radius: 6px;
+    border-radius: 2vh;
     font-size: 3.5vh;
     color: aliceblue;
     margin-top: 7vh;
diff --git a/public/css/projects.css b/public/styles/projects.css
similarity index 97%
rename from public/css/projects.css
rename to public/styles/projects.css
index fd2c6c5..0f4ae86 100644
--- a/public/css/projects.css
+++ b/public/styles/projects.css
@@ -24,7 +24,7 @@ ul{
 
 .projects {
     
-    padding: 32px 0;
+    padding: 4vh 0;
     margin-top: 3vh;
     
   }
@@ -102,7 +102,7 @@ ul{
   @media screen and (max-width: 420px) {
   
     .project-container {
-      width: 17.875rem;
+      width: 17.8rem;
     }
   
     
diff --git a/public/css/skills.css b/public/styles/skills.css
similarity index 95%
rename from public/css/skills.css
rename to public/styles/skills.css
index ace7a4c..f3ef556 100644
--- a/public/css/skills.css
+++ b/public/styles/skills.css
@@ -44,7 +44,7 @@ ul{
   }
   
   .icon {
-    width: 11.875rem;
+    width: 11.8rem;
     height: 11.25rem;
   }
 
@@ -69,7 +69,7 @@ ul{
        display: flex;
        flex-direction: column;
 
-        width: 5.875rem;
+        width: 5.8rem;
         height: 5.25rem;
       }
   }
\ No newline at end of file
diff --git a/skills.html b/skills.html
index aefb563..5622991 100644
--- a/skills.html
+++ b/skills.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title></title>
-    <link rel="stylesheet" href="skills.css">
+    <link rel="stylesheet" href="public/styles/skills.css">
     <link href="https://fonts.googleapis.com/css2?family=Kalam:wght@700&family=Orbitron:wght@600&family=Poppins:wght@100;200&family=Sofia&display=swap" rel="stylesheet">
 
 
@@ -31,19 +31,19 @@ <h2 class="skill-heading">MY SKILLS</h2>
         <div class="skills-complete">
           <div class="row1">
             <img
-              src="public/images/html2.png"
+              src="public/assets/html2.png"
               alt=""
               loading="lazy"
               class="icon icon-sub"
             />
             <img
-              src="public/images/css.png"
+              src="public/assets/css.png"
               alt=""
               loading="lazy"
               class="icon icon-sub"
             />
             <img
-              src="public/images/js.png"
+              src="public/assets/js.png"
               alt=""
               loading="lazy"
               class="icon icon-sub"
@@ -52,19 +52,19 @@ <h2 class="skill-heading">MY SKILLS</h2>
   
           <div class="row2">
             <img
-              src="public/images/java.png"
+              src="public/assets/java.png"
               alt=""
               loading="lazy"
               class="icon icon-sub"
             />
             <img
-              src="public/images/Python-Symbol.png"
+              src="public/assets/Python-Symbol.png"
               alt=""
               loading="lazy"
               class="icon icon-sub"
             />
             <img
-              src="public/images/cpp2.png"
+              src="public/assets/cpp2.png"
               alt=""
               loading="lazy"
               class="icon icon-sub"