Update the styling of the installer modals to match the new site design

This also removes the redundant instructions to
add the 'showHighlights' configuration for the embed,
which is no longer required.

h/static/styles/elements.scss

 // basic standard styling for elements
 a {
   color: $link-color;
-  &:hover { color: $link-color-hover; }
   text-decoration: none;
 }
 
+a:active, a:focus {
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: none;
+  color: $link-color-hover;
+}
+
 ol {
   list-style-type: decimal;
   padding-left: 3em;

h/static/styles/home.scss

@@ -77,6 +77,7 @@
     display: flex;
     flex-direction: row;
     align-items: center;
+    justify-content: center;
     font-weight: bold;
     padding-left: 7px;
     padding-right: 7px;
@@ -92,6 +93,14 @@
     color: white;
   }
 
+  .installer__install-btn--dragme {
+    cursor: grabbing;
+    max-width: 200px;
+    min-height: 40px;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
   .installer__alt {
     display: flex;
     align-items: center;
@@ -126,6 +135,13 @@
     border-bottom-right-radius: $proxy-border-radius;
   }
 
+  .installer__embed-script {
+    width: 100%;
+    background-color: $color-gallery;
+    border: 1px solid $color-alto;
+    padding: 10px;
+  }
+
   .home__intro-container {
     width: 100%;
     background-color: $color-gallery;

h/static/styles/modal.scss

+@at-root {
+  .modal {
+    font-family: $font-family-site-sans;
+  }
+
+  .modal-title {
+    font-size: $font-size-heading1;
+  }
+
+  .modal-body {
+    font-size: $font-size-heading2;
+  }
+
+  .modal-body p {
+    margin-top: 15px;
+    margin-bottom: 15px;
+  }
+}

h/static/styles/site.scss

@@ -16,6 +16,7 @@
 @import './group-form';
 @import './header';
 @import './footer';
+@import './modal';
 
 // pages
 @import './home';