modified css

index.html

@@ -47,7 +47,8 @@ <h1>Sakshi Gupta</h1>
             </li>
           </ul>
         </div>
-       <button class=" button"><a href="https://docs.google.com/document/d/1Q72nbwgbET1PWuMpG8k9JZM6VjPPKquQiambmUhedoo/edit?usp=sharing">Download my Resume</a></button> 
+	<div class="bttn">
+  <a href="https://docs.google.com/document/d/1Q72nbwgbET1PWuMpG8k9JZM6VjPPKquQiambmUhedoo/edit?usp=sharing">Download my Resume</a></div>
         <div id="down-arrow">
           <span><a href="#about"><i class="fa fa-chevron-down" aria-hidden="true"></i></a></span>
         </div>
@@ -68,7 +69,7 @@ <h2>About Me</h2>
           <div class="content-body">
             <p>Hey there! I'm Sakshi, a 19-year-old college senior currently studying for a B.Tech in Computer Science. My passions are technology and writing, and when I'm not coding , I'm singing or trying to get a song out of my head (unsuccessfully.) I love to solve problems, whether it’s finding the most elegant way to write a line of code or figuring out which word fits best into a blog, I love the challenge of finding a way and discovering solutions. Maybe that’s why I love writing and the satisfaction that comes from finding just the right word. As long as there’s a problem to solve or a challenge to puzzle over, it’s bound to be something I love! Apart from this I love cooking/baking! 
             </p>
-            <p>Wondering if I might be a good fit for your company? Check out my <a href="https://www.linkedin.com/in/sakshigupta06/">[LinkedIn profile]!</a>
+            <p>Wondering if I might be a good fit for your company? Check out my <a href="https://www.linkedin.com/in/sakshigupta06/">LinkedIn profile</a>
               This site is a collection of my work, interests, and writings; if any of those things intrigue you, don't hesitate to reach out.
               </p>
               <u><p>Contact Me:</p></u>

style.css

@@ -1,5 +1,11 @@
+@import url('https://fonts.googleapis.com/css2?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&display=swap');
+
+* {
+  scroll-behavior: smooth;
+}
+
 body {
-  font-family: 'Carter One', sans-serif;
+  font-family: 'Poppins', sans-serif;
   background: rgba(242, 242, 242, .6);
   margin: 0;
 }
@@ -78,6 +84,38 @@ body {
   font-size: 2em;
   color: white;
   padding: 20px;
+  transition: 0.7s;
+}
+
+.social:hover {
+  color: #046e0a;
+  transition: 0.7s;
+}
+
+.bttn {
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 15vh;
+
+}
+
+.bttn a {
+  text-transform: uppercase;
+  text-decoration: none;
+  color: #fff;
+  background: #008a0a;
+  padding: 30px;
+  border-radius: 10px;
+  transition: 0.7s;
+}
+
+.bttn a:hover {
+  text-decoration: none;
+  color: #111;
+  background: #fff;
+  padding: 30px;
+  border-radius: 10px;
+  transition: 0.7s;
 }
 
 /*ARROW LINK*/
@@ -147,6 +185,11 @@ h2 {
   color: rgba(0, 0, 0, 0.849);
 }
 
+.content-body a {
+  text-decoration:none;
+  color: #00b00c;
+}
+
 /*EDUCATION*/
 .card {
   display: flex;
@@ -200,12 +243,13 @@ h4 {
   display: block;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
+  width: 350px;
+  height: 400px;
 }
 
 .project-content {
   flex: 1 1 auto;
   padding: 1.25rem;
-
   display: flex;
   justify-content: center;
   flex-direction: column;
@@ -230,6 +274,13 @@ h4 {
   list-style: none;
   cursor: default;
   font-size: 1.7em;
+  transition: 0.7s;
+}
+
+.li-skills:hover {
+  color: #111;
+  background: #73ff7c;
+  transition: 0.7s;
 }
 
 /*CONTACT*/