diff --git a/css/style.css b/css/style.css
index 42b0492..52564cb 100644
--- a/css/style.css
+++ b/css/style.css
@@ -81,7 +81,53 @@ h1 {
inset -2px -2px 3px rgb(255 255 255 / 0.6),
inset 2px 2px 3px rgb(0 0 0 / 0.6);
}
+.x_to_x {
+ border: 0;
+ height: 70px;
+ width: 130px;
+ line-height: 2.5;
+ padding: 0 20px;
+ font-size: 1rem;
+ text-align: center;
+ color: white;
+ text-shadow: 1px 1px 1px black;
+ border-radius: 10px;
+ background-color: midnightblue;
+ background-image:
+ linear-gradient to top left,
+ rgb(0 0 0 / 0.2),
+ rgb(0 0 0 / 0.2) 30%,
+ transparent;
+}
+.styled {
+ border: 0;
+ height: 70px;
+ width: 130px;
+ line-height: 2.5;
+ padding: 0 20px;
+ font-size: 1rem;
+ text-align: center;
+ color: white;
+ text-shadow: 1px 1px 1px black;
+ border-radius: 10px;
+ background-color: royalblue;
+ background-image: linear-gradient(
+ to top left,
+ rgb(0 0 0 / 0.2),
+ rgb(0 0 0 / 0.2) 30%,
+ transparent
+ );
+}
+.styled:hover {
+ background-color: midnightblue;
+}
+
+.styled:active {
+ box-shadow:
+ inset -2px -2px 3px rgb(255 255 255 / 0.6),
+ inset 2px 2px 3px rgb(0 0 0 / 0.6);
+}
#buttons {
height: 100%;
width: 25%;
diff --git a/pages/services.html b/pages/services.html
index e69de29..9389f88 100644
--- a/pages/services.html
+++ b/pages/services.html
@@ -0,0 +1,20 @@
+
+
+
+
+
+
+ FleetZen/services
+
+
+
+
+
+