rename directories with dashes instead of underscores

how-was-dinner/how_was_dinner.css

@@ -0,0 +1,63 @@
+html,body {
+  background-color: hsl(48, 93%, 73%);
+  color: hsl(48, 93%, 13%);
+}
+
+#title,#description {
+  text-align: center;
+}
+
+#title {
+  width: fit-content;
+  margin: 1rem auto auto;
+  padding: 1rem 5rem;
+}
+
+#main {
+  background-color: hsl(228, 93%, 73%);
+  max-width: 900px;
+  margin: 4rem auto auto;
+  padding: 1rem;
+  border-radius: 1rem;
+  border-color: hsl(48, 93%, 13%);
+  border-style: solid;
+  border-width: medium;
+}
+
+.form-div {
+  display: flex;
+  flex-wrap: wrap;
+  margin: .5rem 0;
+}
+
+.form-label {
+  flex: 1 1 200px;
+  min-width: 200px;
+  text-align: right;
+  padding-right: 2rem;
+  margin: 1rem 0;
+}
+
+.form-input {
+  flex: 1 1 200px;
+  min-width: 200px;
+  margin: 1rem 0;
+}
+
+#submit {
+  display: flex;
+  margin: 2rem auto;
+}
+
+@media (max-width: 500px) {
+  .form-div {
+    margin: .25rem 1rem;
+  }
+  .form-label {
+    text-align: left;
+    margin: .25rem 1rem;
+  } 
+  .form-input {
+    margin: .25rem 1rem;
+  }
+}