diff --git a/docs/source/_static/css/custom.css b/docs/source/_static/css/custom.css
index cd0276318..c9fbe01b6 100644
--- a/docs/source/_static/css/custom.css
+++ b/docs/source/_static/css/custom.css
@@ -9,6 +9,25 @@ table {
   width: auto; /* Override fit-content which breaks Styler user guide ipynb */
 }
 
+/* Getting started index page */
+
+.intro-card .card-text {
+  margin: 20px 0px;
+}
+
+
+.card-title {
+  margin-top: 0.25rem;
+}
+
+div#index-container {
+  padding-bottom: 20px;
+}
+
+a#index-link {
+  color: #333;
+  text-decoration: none;
+}
 
 /* reference to user guide */
 .gs-torefguide {
@@ -52,6 +71,61 @@ table {
 }
 
 
+.intro-card .card-text {
+  margin: 20px 0px;
+  /*min-height: 150px; */
+}
+
+.intro-card .card-img-top {
+  margin: 0px;
+}
+
+.install-block {
+  padding-bottom: 30px;
+}
+
+.install-card .card-header {
+  border: none;
+  background-color: white;
+  color: #150458;
+  font-size: 1.1rem;
+  font-weight: bold;
+  padding: 1rem 1rem 0rem 1rem;
+}
+
+.install-card .card-footer {
+  border: none;
+  background-color: white;
+}
+
+.install-card pre {
+  margin: 0 1em 1em 1em;
+}
+
+.custom-button {
+  background-color: #DCDCDC;
+  border: none;
+  color: #484848;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 0.9rem;
+  border-radius: 0.5rem;
+  max-width: 120px;
+  padding: 0.5rem 0rem;
+}
+
+.custom-button a {
+  color: #484848;
+}
+
+.custom-button p {
+  margin-top: 0;
+  margin-bottom: 0rem;
+  color: #484848;
+}
+
+
 
 /* Main index page overview cards */
 
@@ -96,6 +170,7 @@ table {
 }
 
 
+
 /* reduce size of dropdown boxes and change color */
 
 /* Title text attributes */