Change some style elements

public/assets/css/style.css

@@ -57,7 +57,7 @@ nav {
     padding: 10px;
 }
 
-.nav-list {
+.nav-list{
     list-style-type: none;
     margin: 0;
     padding: 0;
@@ -67,6 +67,15 @@ nav {
     border-radius: 40px;
 }
 
+.nav-list li {
+    /*border: 1px solid black;*/
+    border-radius: 2000px;
+}
+
+.nav-list li:hover {
+    background-color: #00d8a2;
+}
+
 
 .nav-element {
     line-height: 2.5;
@@ -85,12 +94,13 @@ nav {
 
 #login {
     border: 1px solid black;
-    border-radius: 6px;
+    border-radius: 2000px;
     background-color: #ffc478;
 }
 
 #login:hover {
     background-color: #0bbd90;
+    box-shadow: 1px 1px 7px black;
 }
 
 /*Body et son contenu */
@@ -143,6 +153,8 @@ body {
 }
 
 .search-form {
+    margin-top: .5%;
+    padding: .5% 0 .5% .5%;
     border: 1px solid black;
     border-radius: 20px;
     box-shadow: 0px 0px 10px rgb(131, 131, 131);
@@ -191,6 +203,7 @@ nav {
     background-clip: border-box;
     padding-right: 2%;
     padding-left: 2%;
+    padding-bottom: 5px;
     overflow: hidden;
 }
 
@@ -447,11 +460,23 @@ ul {
     box-shadow: 2px 2px 0px #000000;
 }
 
+.btn {
+    padding: .5% 2%;
+    border: 2px solid black;
+    border-radius: 10px;
+    margin-top: .5%;
+    margin-left: .5%;
+    background-color: #ffd9a0;
+}
+
 .btn:hover {
     background-color: #0bbd90;
+    box-shadow: none;
+    cursor: pointer;
 }
 
 .form-control {
+    padding: 1%;
     border-radius: 10px;
     box-shadow: 3px 4px 5px #8c8c8c;
 }
@@ -466,8 +491,9 @@ ul {
     margin: 10px;
     padding: 10px;
     border: 1px solid black;
-    background: white;
+    background: #fff9f1;
     border-radius: 20px;
+    box-shadow: 2px 2px 3px #a06100;
 }
 
 .recette-form-group {
@@ -477,7 +503,7 @@ ul {
 }
 
 #recette-form-div-desc {
-    height: 300px;
+    height: 220px;
 }
 
 #recette-form-description {
@@ -523,6 +549,8 @@ ul {
     border: 1px solid black;
     border-radius: 10px;
     box-shadow: 1px 1px 1px black;
+    margin-top: .25%;
+    margin-bottom: .25%;
 }
 
 .liste-ingr-elem:hover {
@@ -553,6 +581,8 @@ ul {
     border: 1px solid black;
     border-radius: 10px;
     box-shadow: 1px 1px 1px black;
+    margin-top: .25%;
+    margin-bottom: .25%;
 }
 
 .liste-tag-elem:hover {
@@ -591,4 +621,7 @@ footer{
     background: rgb(11, 189, 144);
     color: white;
     border-top: 1px solid black;
-}
+}
+
+
+