dj

main.css

@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
 /* Sommaire :
 - body et html
 - Header et ses contenues
@@ -14,6 +15,7 @@ html, body{
     height: 100%;
     text-align: center;
     /*font-size: 98%;*/
+    font-family: "Roboto", sans-serif;
 }
 
 
@@ -64,6 +66,20 @@ nav {
 .nav-element {
     line-height: 2.5;
     padding: 10px;
+    text-decoration: none;
+    color: black;
+}
+
+.nav-list{
+    li:nth-of-type(3){
+        position: fixed;
+        right: 25px;
+    }
+}
+
+#login {
+    border: 1px solid black;
+    border-radius: 6px;
 }
 
 /*Body et son contenu */
@@ -137,6 +153,7 @@ body {
     C'est la classe de chaques éléments de notre liste de recette
 */
 .recette-icone{
+    display: flex;
     border: 3px solid rgba(0,0,0,.125);
     border-radius: 40px;
     text-align: left;
@@ -144,6 +161,14 @@ body {
     vertical-align: middle;
     box-shadow: 3px 5px 5px black;
     max-width: 400px;
+    text-decoration: none;
+    color: black;
+}
+
+.recette-icone-content{
+    display: flex;
+    flex-direction: column;
+    padding-left: 10px;
 }
 
 .recette-preview-image{