front end work; added search

app/public/css/app.css

@@ -1,13 +1,15 @@
 .nav {
-	position: absolute;
-	top: -130px;
-	right: 0;
+	display: flex;
+	justify-content: space-between;
+	left: 0;
+	padding-bottom: 10px;
 }
 
 .nav ul {
 	margin: 0;
 	list-style: none;
-	text-align: center;
+	text-align: left;
+	padding-inline-start: 0px;
 }
 
 .nav li {
@@ -19,6 +21,23 @@
 	line-height: 40px;
 }
 
+#search {
+	padding: 6px 12px;
+	background: rgb(31, 32, 35);
+	border: 1px solid rgb(60, 63, 68);
+	border-radius: 4px;
+	font-size: 13px;
+	color: rgb(247, 248, 248);
+	appearance: none;
+	transition: border 0.15s ease 0s;
+	:focus{
+		outline: none;
+		box-shadow: none;
+		border-color: rgb(100, 153, 255);
+	}
+}
+
+
 .nav a {
 	display: block;
 	color: inherit;
@@ -30,7 +49,7 @@
 }
 
 .nav button {
-	height: 40px;
+	height: 14px;
 }
 
 .nav button:hover {
@@ -72,7 +91,7 @@
 }
 
 #dropArea {
-  border: 2px dashed #ccc;
+  border: 2px dashed #cccccc4f;
   border-radius: 20px;
   width: 100%;
   font-family: sans-serif;
@@ -158,4 +177,8 @@ label {
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
+  }
+
+  .main {
+	padding-top: 10px;
   }