media queries color

competences.html

@@ -108,7 +108,7 @@
                         accessibles à tous. Cette capacité à transformer des concepts techniques en termes clairs et
                         compréhensibles
                         garantit une collaboration fluide et une prise de décision éclairée.
-                        <em>Sensibilisé a la <b>Méthode AGILE</b>.</em>
+                        <em>Sensibilisé à la <b>Méthode AGILE</b>.</em>
                     </p>
                 </div>
             </section>

index.html

@@ -40,8 +40,12 @@
                         Je suis Etienne Veau étudiant en 1er année du B.U.T informatique au sein de L’IUT d’Aubière.
 
                         Je suis capable de coder en utilisant les langages de programmation :
-                        C & C++, HTML, CSS, PHP, Python, Shell ( sh / Bash ), de créer des bases de données en SQL et
+                        C,C++,C#, HTML, CSS, PHP, Python, Shell ( sh / Bash ), de créer des bases de données en SQL et
                         d’utiliser le terminal et ses commandes sous Linux.
+                        Je suis aussi porteur de connaissances sur l'administration réseaux et ses configurations de
+                        base.
+
+
 
                         Je suis quelqu’un de minutieux, proactif, curieux et discret.
 

style.css

@@ -139,8 +139,8 @@ textarea {
 .btn {
     display: inline-block;
     padding: 0.5rem 1.5rem;
-    background-color: #bbbcbd;
+    background-color: #011222;
-    color: white;
+    color: #f0f8ff;
     border: none;
     border-radius: 4px;
     cursor: pointer;
@@ -178,12 +178,12 @@ textarea {
     display: inline-block;
     padding: 1rem 2rem;
     font-size: 1.1rem;
-    background-color: #4d5053;
+    background-color: #011222;
     transition: background-color 0.3s;
 }
 
 .download-btn:hover {
-    background-color: #323334;
+    background-color: #040212;
 }
 
 @media (max-width: 768px) {
@@ -198,6 +198,17 @@ textarea {
     .download-btn {
         width: 100%;
     }
+
+    .cadre_photo {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 1rem;
+        margin: 1rem 0;
+        padding: 2rem;
+        background-color: #02071a;
+        border-radius: 5px;
+    }
 }
 
 
@@ -206,7 +217,7 @@ textarea {
     display: none;
     background: none;
     border: none;
-    color: #e6e6e6;
+    color: #f0f8ff;
     font-size: 2rem;
     cursor: pointer;
     position: absolute;
@@ -215,7 +226,7 @@ textarea {
 }
 
 .hamburger:hover {
-    color: #8a8e91;
+    color: #48577f;
 }
 
 
@@ -252,10 +263,10 @@ b {
 
     nav ul {
         position: fixed;
-        top: 1rem;
+        top: 0rem;
         left: 0;
         right: 0;
-        background-color: #2d2d2d;
+        background-color: #011222;
         flex-direction: column;
         gap: 0;
         padding: 1rem 0;