diff --git a/index.html b/index.html
index 56b24fe..8672a33 100644
--- a/index.html
+++ b/index.html
@@ -6,10 +6,16 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<link rel="stylesheet" href="style.css" />
 		<script src="cms.js" defer></script>
-		<title>🥣</title>
+		<title>🥣 Soup Gen</title>
 	</head>
 
 	<body>
+		<div class="cookbook">
+			<h2>Soup Gen Cookbook</h2>
+			<div class="cookbook-info" id="cookbookInfo"></div>
+			<div class="recipes" id="cookbook"></div>
+		</div>
+
 		<div class="intro">
 			<div class="description">
 				<h1>Soup Generator</h1>
@@ -18,23 +24,25 @@
 
 			<div class="recipe">
 				<div class="info">
-					<h2 class="title">A. Title [string]</h2>
-					<div class="description">B. Description [string]</div>
-					<div class="chef">C. Chef [string]</div>
+					<h2 class="title">Title [string]</h2>
+					<div class="description">Description [string]</div>
+					<div class="chef">Chef [string]</div>
 				</div>
 
 				<div class="ingredients">
-					<h3>D. List of ingredients [array of strings]</h3>
+					<h3>List of ingredients [array of strings]</h3>
 					<ul>
 						<li>First ingredient</li>
 						<li>Second ingredient</li>
+						<li>...</li>
 					</ul>
 				</div>
 				<div class="instructions">
-					<h3>E. List of instructions [array of strings]</h3>
+					<h3>List of instructions [array of strings]</h3>
 					<ol>
 						<li>First instruction</li>
 						<li>Second instruction</li>
+						<li>...</li>
 					</ol>
 				</div>
 			</div>
@@ -56,13 +64,26 @@
 				</ul>
 			</div>
 
-			Ask to Michael: what is the best solution to add images??
-		</div>
-
-		<div class="cookbook">
-			<h2>Soup Gen Cookbook</h2>
-			<div class="cookbook-info" id="cookbookInfo"></div>
-			<div class="recipes" id="cookbook"></div>
+			<ul class="questions">
+				<em>Questions:</em>
+				<li>
+					What is the best solution to receive recipes from users??? We imagine it to be
+					something like an HTML form that the NGNIX server could parse and then put in
+					the cms.json file??? or there's a better way to do it? is this dangerous???
+				</li>
+				<li>
+					What is the best solution to add images?? Can we upload them on the soupboat
+					from the form? We need to process them with something in order to reduce size?
+					Or just put a limit in the file upload maybe? (to avoid a server mental
+					breakdown)
+				</li>
+				<li>
+					Can we setup something like a CI/CD pipeline for deploying the Cookbook directly
+					from the git repo??? Maybe it could just be setting up some hooks in git to
+					transfer and replace the static file to the soupboat public_html/soup-gen/
+					folder on new commit?
+				</li>
+			</ul>
 		</div>
 	</body>
 </html>
diff --git a/style.css b/style.css
index bc7c15c..c0edd6f 100644
--- a/style.css
+++ b/style.css
@@ -5,7 +5,8 @@ body {
 }
 
 .intro {
-	margin: 16px;
+	margin: 32px;
+	max-width: 800px;
 }
 
 .intro .recipe {
@@ -26,14 +27,29 @@ ol {
 
 em {
 	display: block;
-	margin: 1em 0;
+	margin-top: 1.6em;
+	margin-bottom: 1em;
 	font-weight: bold;
 }
 
+.questions {
+	list-style: none;
+}
+
+.questions li::before {
+	content: "❓";
+}
+
+.questions li {
+	margin-bottom: 1em;
+	padding-left: 8px;
+	border-left: 2px dotted tomato;
+}
+
 /* COOCKBOOK */
 
 .cookbook {
-	margin: 16px;
+	margin: 32px;
 	padding: 24px;
 	background-color: #cec;
 	border-radius: 16px;
@@ -66,6 +82,14 @@ em {
 	margin-bottom: 8px;
 }
 
+.recipe .description {
+	font-style: italic;
+}
+
+.recipe .chef {
+	margin-top: 8px;
+}
+
 .recipe .info {
 	margin: 16px 0;
 }
@@ -74,6 +98,19 @@ em {
 	margin: 16px 0;
 }
 
+.ingredients li {
+	list-style: none;
+	display: inline;
+}
+
+.ingredients li::after {
+	content: ", ";
+}
+
+.ingredients li:last-of-type::after {
+	content: "";
+}
+
 .recipe ul,
 .recipe ol {
 	margin: 0;
