texte boutton

css/style.css

@@ -44,6 +44,8 @@ h2 {
 
 .styled {
     border: 0;
+    height: 50%;
+    width: 40%;
     line-height: 2.5;
     padding: 0 20px;
     font-size: 1rem;
@@ -51,7 +53,7 @@ h2 {
     color: white;
     text-shadow: 1px 1px 1px black;
     border-radius: 10px;
-    background-color: tomato;
+    background-color: royalblue;
     background-image: linear-gradient(
         to top left,
         rgb(0 0 0 / 0.2),
@@ -61,7 +63,7 @@ h2 {
 }
 
 .styled:hover {
-    background-color: red;
+    background-color: midnightblue;
 }
 
 .styled:active {

index.html

@@ -7,8 +7,8 @@
         <div id="nav_barre" class="shadow">
             <h1>FleetZen</h1>
             <div id="buttons">
-                <input class="button" type="button"></input>
-                <input class="styled" type="button"></input>
+                <input class="styled" type="button" value="contact"></input>
+                <input class="styled" type="button" value="services"></input>
             </div>
         </div>
         <div class="align_x">