diff --git a/CSS/styles.css b/CSS/styles.css index eb0d1b2..fe65c07 100644 --- a/CSS/styles.css +++ b/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; -} \ No newline at end of file +} + diff --git a/HTML/page_2.html b/HTML/page_2.html index a6351be..7466147 100644 --- a/HTML/page_2.html +++ b/HTML/page_2.html @@ -14,12 +14,12 @@