1 files changed, 56 insertions, 0 deletions
diff --git a/style/style.css b/style/style.css
index 658778b..76e3ed2 100644
--- a/style/style.css
+++ b/style/style.css
@@ -246,6 +246,62 @@ ol li::before {
 	direction: rtl;
 }
 
+#recipe {
+	display: flex;
+	text-align: center;
+	justify-content: space-around;
+	padding-bottom: 20px;
+}
+
+#recipe-search {
+	display: flex;
+	justify-content: space-between;
+	padding: 20px;
+}
+
+#recipe-search h1 {
+	margin-top: -25px;
+}
+
+.boxes img {
+	width: 90%;
+	border-radius: 20px;
+}
+
+.boxes {
+	padding: 4px;
+	text-align: center;
+	width: 33%;
+	background-color: #F1F1F1;
+	color: #758B7A;
+	border-radius: 20px;
+	transition-duration: 0.5s;
+	font-size: 24px;
+	font-weight: bold;
+}
+
+.boxes:hover {
+	filter: brightness(80%);
+}
+
+#searchInput {
+	border-radius: 20px;
+	border: none;
+	height: 40px;
+	width: 200px;
+	font-weight: bold;
+	color: #758B7A;
+	font-size: 1.25rem;
+}
+
+::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
+  color: #B8C5BB;
+  opacity: 1; /* Firefox */
+}
+
+
+
+
 @media only screen and (min-width: 355px) {
 	.logo {
 		width: 330px;