diff --git a/index.css b/index.css
new file mode 100644
index 0000000..c0bee87
--- /dev/null
+++ b/index.css
@@ -0,0 +1,96 @@
+h1 {
+ font-family: fantasy;
+}
+
+body {
+ background-color: black;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ color: white;
+}
+
+header {
+ width: 70%;
+ height: 150px;
+ display: flex;
+ justify-content: space-between;
+ padding: 0 30px;
+ background-color: green;
+ margin-bottom: 20px;
+}
+
+header > img {
+ height: 100px;
+}
+
+main {
+ display: none;
+ border: 5px solid white;
+ width: 70%;
+ color: white;
+}
+
+input[type="text"] {
+ width: 380px;
+}
+
+#all-characters {
+ display: flex;
+ list-style: none;
+ width: 70%;
+ padding: 0;
+ margin: 0;
+ overflow-x: scroll;
+}
+
+ul > li > img {
+ width: 150px;
+ height: 150px;
+ flex-wrap: wrap;
+}
+
+/* body {
+ background-color: black;
+ color: white;
+ width: 70%;
+}
+
+#rnm-header {
+ display: flex;
+ justify-content: space-between;
+ font-family:'fantasy';
+ background-color: green;
+}
+
+#header-type {
+ font-family: fantasy;
+ color: white;
+}
+
+header > img {
+ height: 100px;
+}
+
+ul {
+ display: flex;
+ justify-content: space-between;
+ overflow-x: scroll;
+ list-style-type: none;
+}
+
+ul > li > img {
+ width: 150px;
+ height: 150px;
+ flex-wrap: wrap;
+}
+
+li > p {
+ text-align: center;
+}
+
+main {
+ display: none;
+ justify-content: space-evenly;
+ text-align: center;
+} */
diff --git a/index.html b/index.html
index 248ffe9..0fb15a8 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,52 @@
+ Szechuan Sauce
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
-
+