diff --git a/ceramic-coating.html b/ceramic-coating.html
index 9fa70b3..e03097d 100644
--- a/ceramic-coating.html
+++ b/ceramic-coating.html
@@ -43,23 +43,15 @@
}
.info-box h2 {
color: white;
+ /** TODO: figure out how to style these guys better */
}
.info-flex {
display: flex;
flex-direction: row;
- justify-content: space-between;
align-items: center;
gap: 2rem;
max-width: 80%;
}
- .info-flex:nth-child(1) {
- max-width: 20%;
- width: 20%;
- }
- .info-flex:nth-child(2) {
- max-width: 80%;
- width: 80%;
- }
#allIncludeList {
display: flex;
@@ -147,7 +139,7 @@
-
+
Choose your Package
@@ -171,7 +163,7 @@
-
+
Wheel Wash Add-on
diff --git a/index.html b/index.html
index 010c44f..63196e3 100644
--- a/index.html
+++ b/index.html
@@ -40,7 +40,6 @@
/** BOOK NOW big button */
#book-button {
height: 7rem;
- width: 50%;
min-width: 100%;
display: flex;
@@ -63,7 +62,6 @@
}
#book-button:hover {
cursor: pointer;
- background-color: #000;
box-shadow: 0px 0px 30px var(--gold);
}
#book-button:active {
diff --git a/services.html b/services.html
index c9355c2..5e56008 100644
--- a/services.html
+++ b/services.html
@@ -21,10 +21,10 @@
}
#book-button {
- width: 100%;
background-color: var(--black);
color: var(--gold);
-
+ width: 50%;
+
border: 1px solid var(--dark-gold);
border-radius: 5rem;
@@ -46,6 +46,8 @@
#book-link {
display: block;
width: 100%;
+
+ user-select: none;
}
/** Dropdown Menu Style Overrides */
@@ -75,8 +77,14 @@
gap: 1rem;
text-align: left;
+ background-color: var(--black);
+ color: var(--gold);
+ width: 100%;
+ height: 100%;
+
padding: 1.5rem 4rem 2rem 4rem;
border: none;
+ border-radius: 1.25rem;
transition: 2s;
}
@@ -102,6 +110,7 @@
}
.dropdown-content {
+ visibility: hidden;
text-align: left;
border: none;
/** closing speed */
@@ -109,18 +118,21 @@
}
/** service section dropdowns that are v long */
.dropdown-content.open-longest {
+ visibility: visible;
max-height: 1100px;
/** opening speed */
transition: max-height 1s ease;
}
/** service section dropdowns */
.dropdown-content.open-long {
+ visibility: visible;
max-height: 1100px;
/** opening speed */
transition: max-height 1s ease;
}
/** dropdowns holding specific service info */
.dropdown-content.open {
+ visibility: visible;
max-height: 400px;
/** opening speed */
transition: max-height .5s ease;
@@ -230,22 +242,22 @@