diff --git a/index.html b/index.html
index 6fb82de..3c62045 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
HyperSet
+
diff --git a/styles/index.css b/styles/index.css
new file mode 100644
index 0000000..766a32d
--- /dev/null
+++ b/styles/index.css
@@ -0,0 +1,71 @@
+/* Nav Bar */
+#nav-bar {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-between;
+ height: 7vh;
+ list-style-type: none;
+ background-color: black;
+}
+
+#nav-bar li a {
+ font-size: 2rem;
+ font-weight: bold;
+ font-family: var(--font);
+ text-decoration: none;
+ color: white;
+ border: none;
+ padding: 0.7rem;
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+}
+
+/* Main */
+
+#master {
+ display: flex;
+ flex-direction: row;
+}
+
+.column {
+ display: flex;
+ flex-direction: column;
+ height: calc(100vh - 7vh - 6em);
+}
+
+#left {
+ background-color: red;
+ width: 60%;
+ padding: 3em;
+}
+
+#right {
+ background-color: blue;
+ width: 40%;
+ padding: 3em;
+}
+
+h1 {
+ color: black;
+ font-size: 5em;
+ font-weight: bold;
+}
+
+#slogan {
+ margin-top: 1em;
+ margin-bottom: 1.5em;
+ color: black;
+ font-size: 2em;
+}
+
+#random-set {
+ height: 40vh;
+ background-color: green;
+}
+
+#info {
+ display: flex;
+ flex-direction: column;
+ margin-top: 4em;
+}
\ No newline at end of file
diff --git a/styles/style.css b/styles/style.css
index 46b036a..7ed93d8 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -7,77 +7,4 @@
margin: 0;
border: 0;
font-family: var(--font);
-}
-
-/* Nav Bar */
-
-#nav-bar {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
- height: 7vh;
- list-style-type: none;
- background-color: black;
-}
-
-#nav-bar li a {
- font-size: 2rem;
- font-weight: bold;
- font-family: var(--font);
- text-decoration: none;
- color: white;
- border: none;
- padding: 0.7rem;
- padding-left: 1.5rem;
- padding-right: 1.5rem;
-}
-
-/* Main */
-
-#master {
- display: flex;
- flex-direction: row;
-}
-
-.column {
- display: flex;
- flex-direction: column;
- height: calc(100vh - 7vh - 6em);
-}
-
-#left {
- background-color: red;
- width: 60%;
- padding: 3em;
-}
-
-#right {
- background-color: blue;
- width: 40%;
- padding: 3em;
-}
-
-h1 {
- color: black;
- font-size: 5em;
- font-weight: bold;
-}
-
-#slogan {
- margin-top: 1em;
- margin-bottom: 1.5em;
- color: black;
- font-size: 2em;
-}
-
-#random-set {
- height: 40vh;
- background-color: green;
-}
-
-#info {
- display: flex;
- flex-direction: column;
- margin-top: 4em;
}
\ No newline at end of file