diff --git a/index.html b/index.html
index a2d9c01ab..b24669c21 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,25 @@
-NPM Clone Nifty Penguin Magic npm Enterprise Products Solutions Resources Docs Support Search Join Log In Build amazing
-things Essential JavaScript development tools that help you go to market faster and build powerful applications using
-modern open source code. See plans Join for free Bring the best of open source to your company npm is the tool used by
-over 11,000,000 JavaScript developers around the world. Your developers already use it. Your company depends on it.
-Create an Org and get more out of the tools your team already knows and loves. Zero configuration Create an org, add
-your team, and start collaborating. Nothing to configure, set up, or manage. Team management Control who has access to
-what modules within your team namespace using straightforward team management capabilities. Familiar features npm Orgs
-has 100% parity with all the public npm registry features your developers already use. npm audit Enjoy the security
-auditing features built into the npm client, a zero-friction way to make open source software safer. Create an Org
+
+
+
+
+
+
+
+ Nifty Penguin Magic
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 000000000..daa239e2c
--- /dev/null
+++ b/style.css
@@ -0,0 +1,34 @@
+@import url('https://fonts.googleapis.com/css?family=Poppins');
+
+body {
+ font-family: 'Poppins';
+}
+
+header > div {
+ padding: 0 25px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-bottom: 1px solid lightgray;
+ }
+
+ nav {
+ width: 600px;
+ }
+
+ nav ul {
+ list-style: none;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
+
+ nav a {
+ text-decoration: none;
+ color: black;
+ }
+
+ .blackHeart {
+ width: 20px;
+ margin-right: 1rem;
+ }
\ No newline at end of file
+ Nifty Penguin Magic
+