page actuelle

CSS/styles.css

@@ -1,6 +1,6 @@
 body{
 	margin: 0;
-	background: white;
+	background:white ;
 }
 
 
@@ -31,13 +31,13 @@ nav{
 	align-items: center;
 	justify-content: space-around;
 	flex-direction: row-reverse;
-	background: linear-gradient(45deg,orange 35%,darkred);
+	background: #00010c;
 	width: 100%;
 
 }
 
-nav:hover{
-	background: linear-gradient(45deg,orange ,darkred);
+nav:not:hover{
+	filter: opacity(50%);
 
 }
 
@@ -95,16 +95,24 @@ nav li{
 	color: black;
 
 }
-.page p{margin-right: 10vh;
-	transition: transform linear 0.2s;
+.page p{
+	margin-right: 10vh;
+	color: white;
+
 }
 
 .page p:hover{
 	color: gold;
-	transform: scale(1.2,1.2);
+	transform: scale(1.3,1.3);
+	transition: transform cubic-bezier(0,0.6,0.4,1.03) 1s;
+
 }
+.page p:not(:hover){transition: color linear 0.7s;transition: transform ease 0.4s ;}
 
-
+#page_courante p{
+	font-size: 1.4em;
+	color: red;
+}
 
 
 
@@ -156,10 +164,9 @@ main p{
 
 
 #img_droite_txt_gauche p{
-	background-color: rgba(250,250,250,0.2);
+	background-color: rgba(250,250,62,1);
 	border-radius: 15px;
 	padding: 1%;
-	padding-right: 150px;
 	width: 50%;
 	box-shadow:  -15px -10px rgba(0,0,0,0.5);
 }
@@ -248,9 +255,7 @@ footer #reseaux li img:hover{
 	transform: scale(1.5);
 }
 
-footer #autres{
-	margin-top: 2%;
-}
+
 
 footer #autres a{
 	color:white ;
@@ -261,4 +266,5 @@ footer #autres a{
 
 footer #coordonne p{
 	margin-bottom: 1rem;
-}
+}
+