diff --git a/index.html b/index.html
index 32c5d2b..019b31b 100644
--- a/index.html
+++ b/index.html
@@ -37,8 +37,13 @@ <h2>Amazon, SWE</h2>
 				<div>
 					<ul>
 						<li>Solved world hunger through AWS</li>
-						<li>Had dinner with Jeff Bezos</li>
-						<li>My project was featured on their website</li>
+						<li>
+							Had dinner with Jeff Bezos
+							<ul>
+								<li>He said my project was cool</li>
+								<li>I ordered steak</li>
+							</ul>
+						</li>
 					</ul>
 				</div>
 			</div>
@@ -56,7 +61,7 @@ <h2>Big Tech, SWE</h2>
 		<div id="projects">
 			<h1>Projects</h1>
 			<div>
-				<h2>Project 1</h2>
+				<h2 class="bouncy">Project 1</h2>
 				<div>
 					<ul>
 						<li>https://github.com/ubclaunchpad/liftoff-css</li>
diff --git a/styles.css b/styles.css
index 88b0896..8709f31 100644
--- a/styles.css
+++ b/styles.css
@@ -1,3 +1,7 @@
+html {
+  scroll-behavior: smooth;
+}
+
 body {
   font-family: "Hanken Grotesk", sans-serif;
   font-optical-sizing: auto;
@@ -5,15 +9,68 @@ body {
   margin: 10vh 20vw;
 }
 
-.navbar {
-  overflow: hidden;
-  background-color: #333;
-  position: fixed;
-  left: 0;
-  width: 15vw;
-}
-
 a {
   color: white;
   text-decoration: none;
+  font-size: large;
+}
+
+a[href^="https"] {
+  text-decoration: underline;
+}
+
+@media only screen and (max-device-width: 768px) {
+  .navbar {
+    overflow: hidden;
+    background-color: #333;
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    padding: 2vw;
+  }
+}
+
+@media only screen and (min-device-width: 768px) {
+  .navbar {
+    overflow: hidden;
+    background-color: #333;
+    position: fixed;
+    left: 0;
+    width: 12vw;
+    height: 20vh;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    padding: 2vw;
+  }
+}
+
+li li {
+  font-weight: bold;
+}
+
+.bouncy {
+  animation-name: bounce;
+  animation-timing-function: linear;
+  animation-duration: 1s;
+  animation-iteration-count: infinite;
+}
+
+@keyframes bounce {
+  0% {
+    transform: translateY(0);
+  }
+
+  50% {
+    transform: translateY(-10px);
+
+  }
+
+  100% {
+    transform: translateY(0);
+  }
 }
\ No newline at end of file