diff --git a/index.html b/index.html
index 23e49e1..fac18f6 100644
--- a/index.html
+++ b/index.html
@@ -12,8 +12,9 @@
-
-
+
+
+
diff --git a/source/assets/styles/main.css b/source/assets/styles/main.css
deleted file mode 100644
index aac2f21..0000000
--- a/source/assets/styles/main.css
+++ /dev/null
@@ -1,85 +0,0 @@
-/* main.css */
-
-* {
- font-family: sans-serif;
-}
-
-body {
- height: 100%;
- width: 100%;
-}
-
-fieldset {
- border: 2px solid rgb(214, 214, 214);
- box-sizing: border-box;
- display: block;
- width: max-content;
-}
-
-form button {
- display: block;
- margin-top: 5px;
-}
-
-label[for="ingredients"] p {
- margin: 0;
-}
-
-label[for="numRatings"] {
- margin: 10px 0 0 0;
-}
-
-label[for^="rating"] {
- padding-right: 10px;
-}
-
-label:not([for^="rating"]) {
- display: block;
- margin-bottom: 5px;
-}
-
-main {
- column-gap: 10px;
- display: flex;
- flex-wrap: wrap;
- height: auto;
- max-width: 660px;
- row-gap: 10px;
- width: 100%;
-}
-
-#tag-container {
- display: flex;
- flex-flow: row wrap;
-}
-
-.tag {
- background-color: grey;
- border-radius: 7px;
- color: white;
- padding-right: 7px;
- padding-left: 7px;
- margin: 3px;
-}
-
-.tag::before {
- display: inline-block;
- content: 'x';
- height: 15px;
- width: 15px;
- margin-right: 4px;
- text-align: center;
- color: white;
- cursor: pointer;
-}
-.tag:hover::before{
- color: red;
-}
-.danger {
- background-color: rgb(254, 171, 171);
- border-color: red;
-}
-
-.hidden {
- display: none;
-}
diff --git a/static/ReviewCard.css b/static/ReviewCard.css
new file mode 100644
index 0000000..41f82ee
--- /dev/null
+++ b/static/ReviewCard.css
@@ -0,0 +1,58 @@
+/* main.css */
+
+* {
+ font-family: sans-serif;
+ }
+
+ body {
+ height: 100%;
+ width: 100%;
+ }
+
+ fieldset {
+ border: 2px solid rgb(214, 214, 214);
+ box-sizing: border-box;
+ display: block;
+ width: max-content;
+ }
+
+ form button {
+ display: block;
+ margin-top: 5px;
+ }
+
+ label[for="ingredients"] p {
+ margin: 0;
+ }
+
+ label[for="numRatings"] {
+ margin: 10px 0 0 0;
+ }
+
+ label[for^="rating"] {
+ padding-right: 10px;
+ }
+
+ label:not([for^="rating"]) {
+ display: block;
+ margin-bottom: 5px;
+ }
+
+ main {
+ column-gap: 10px;
+ display: flex;
+ flex-wrap: wrap;
+ height: auto;
+ max-width: 660px;
+ row-gap: 10px;
+ width: 100%;
+ }
+
+ .danger {
+ background-color: rgb(254, 171, 171);
+ border-color: red;
+ }
+
+ .hidden {
+ display: none;
+ }
\ No newline at end of file