resolve merge: css files and index.html

source/assets/styles/main.css

@@ -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;
-}