diff --git a/.pre-commit-config.yaml b/.pre-commit-config.yaml
index 0e7dc70e7..2a0209189 100644
--- a/.pre-commit-config.yaml
+++ b/.pre-commit-config.yaml
@@ -59,7 +59,6 @@ repos:
           # for these file formats.
           - html
           - javascript
-          - css
 
   # Misc autoformatting and linting
   - repo: https://github.com/pre-commit/pre-commit-hooks
diff --git a/binderhub/static/index.css b/binderhub/static/index.css
index f22d891ea..31021457f 100644
--- a/binderhub/static/index.css
+++ b/binderhub/static/index.css
@@ -1,282 +1,281 @@
 /* custom fonts we are going to be using. */
 
 @font-face {
-    font-family: ClearSans-Thin;
-    src: url('../static/fonts/clearsans/WOFF/ClearSans-Thin.woff');
+  font-family: ClearSans-Thin;
+  src: url("../static/fonts/clearsans/WOFF/ClearSans-Thin.woff");
 }
 
 @font-face {
-    font-family: ClearSans-Light;
-    src: url('../static/fonts/clearsans/WOFF/ClearSans-Light.woff');
+  font-family: ClearSans-Light;
+  src: url("../static/fonts/clearsans/WOFF/ClearSans-Light.woff");
 }
 
 @font-face {
-    font-family: ClearSans-Bold;
-    src: url('../static/fonts/clearsans/WOFF/ClearSans-Bold.woff');
+  font-family: ClearSans-Bold;
+  src: url("../static/fonts/clearsans/WOFF/ClearSans-Bold.woff");
 }
 
 .hidden {
-    display: none;
+  display: none;
 }
 
 body {
-    font-family: "ClearSans-Thin", sans-serif;
+  font-family: "ClearSans-Thin", sans-serif;
 }
 
 form {
-    font-family: "ClearSans-Light", sans-serif;
+  font-family: "ClearSans-Light", sans-serif;
 }
 
 p > a {
-    cursor: pointer;
-    color: rgb(120,120,120);
-    border-bottom: dotted 2px rgb(120,120,120);
-    transition: all 0.1s;
-    text-decoration: non
+  cursor: pointer;
+  color: rgb(120, 120, 120);
+  border-bottom: dotted 2px rgb(120, 120, 120);
+  transition: all 0.1s;
+  text-decoration: non;
 }
 
 p > a:hover {
-    color: rgb(30,30,30);
-    border-bottom: dotted 2px rgb(30,30,30);
-    text-decoration: none;
+  color: rgb(30, 30, 30);
+  border-bottom: dotted 2px rgb(30, 30, 30);
+  text-decoration: none;
 }
 
 #build-form {
-    color: rgb(50,50,50);
-    background: rgb(235, 236, 237);
-    padding: 55px;
-    padding-top: 25px;
-    padding-bottom: 20px;
+  color: rgb(50, 50, 50);
+  background: rgb(235, 236, 237);
+  padding: 55px;
+  padding-top: 25px;
+  padding-bottom: 20px;
 }
 
-
 #banner-container {
-    text-align: left;
-    color: black;
-    padding: 16px;
-    width: 100%;
-    background-color: rgb(235, 236, 237);
-    position: relative;
+  text-align: left;
+  color: black;
+  padding: 16px;
+  width: 100%;
+  background-color: rgb(235, 236, 237);
+  position: relative;
 }
 
 #logo-container {
-    text-align: center;
-    color: black;
-    padding: 16px;
+  text-align: center;
+  color: black;
+  padding: 16px;
 }
 
 #logo {
-    padding: 8px;
-    padding-bottom: 22px;
-    padding-top: 10px;
+  padding: 8px;
+  padding-bottom: 22px;
+  padding-top: 10px;
 }
 
 #header {
-    margin-left: 5%;
-    width: 90%;
-    padding-bottom: 24px;
+  margin-left: 5%;
+  width: 90%;
+  padding-bottom: 24px;
 }
 
-.btn-submit{
-    background-color:rgb(223, 132, 41);
-    box-shadow: 1px 1px rgba(0,0,0,.075);
-    color:white;
-    border:none;
-    height:35px;
-    width: 100%;
-    border-radius: 4px;
+.btn-submit {
+  background-color: rgb(223, 132, 41);
+  box-shadow: 1px 1px rgba(0, 0, 0, 0.075);
+  color: white;
+  border: none;
+  height: 35px;
+  width: 100%;
+  border-radius: 4px;
 }
 
 .jumbotron {
-    background: rgb(235, 236, 237);
+  background: rgb(235, 236, 237);
 }
 
 h3 {
-    color: rgb(70, 70, 70);
-    font-size: 42px;
-    line-height: 1.3;
+  color: rgb(70, 70, 70);
+  font-size: 42px;
+  line-height: 1.3;
 }
 
 h4 {
-    font-size: 20px;
-    color: rgb(70, 70, 70);
+  font-size: 20px;
+  color: rgb(70, 70, 70);
 }
 
 #form-header {
-    padding-bottom: 5px;
+  padding-bottom: 5px;
 }
 
 #build-progress {
-    font-family: ClearSans-Bold, sans-serif;
-    font-size: 16px;
-    height: 28px;
-    text-shadow: black 1px 1px 1px;
+  font-family: ClearSans-Bold, sans-serif;
+  font-size: 16px;
+  height: 28px;
+  text-shadow: black 1px 1px 1px;
 }
 
 #build-progress .progress-bar {
-    padding-top: 4px;
-
+  padding-top: 4px;
 }
 
 #explanation {
-    color: rgb(40, 40, 40);
-    font-size: 20px;
-    line-height: 1.5;
-    font-weight: bold
+  color: rgb(40, 40, 40);
+  font-size: 20px;
+  line-height: 1.5;
+  font-weight: bold;
 }
 
 #log-container .panel-body {
-    /* match color of terminal! */
-    background-color: black;
+  /* match color of terminal! */
+  background-color: black;
 }
 
 #launch-buttons {
-    margin-top: 24px;
-    width: 100%;
+  margin-top: 24px;
+  width: 100%;
 }
 
 #log {
-    height: 400px;
+  height: 400px;
 }
 
 #log .terminal {
-    font-family: "Roboto Mono", monospace;
+  font-family: "Roboto Mono", monospace;
 }
 
-.url, .badges{
-    background-color: #ffffff;
-    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-    border: 1px solid #ccc;
-    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-    border-radius: 4px;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
+.url,
+.badges {
+  background-color: #ffffff;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  border: 1px solid #ccc;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  border-radius: 4px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
 }
 
-
-.url{
-    margin-bottom:20px;
+.url {
+  margin-bottom: 20px;
 }
 
-.badges{
-    margin-bottom:40px;
+.badges {
+  margin-bottom: 40px;
 }
 
-.dropdownmenu{
-    background-color:#DDDDDD;
-    border-radius: 3px 3px 0px 0px;
-    height:35px;
-    width: 100%;
+.dropdownmenu {
+  background-color: #dddddd;
+  border-radius: 3px 3px 0px 0px;
+  height: 35px;
+  width: 100%;
 }
 
-.dropdownmenu label{
-    color:black;
-    padding: 6px 12px;
-    margin:0px;
-    width: 95%;
+.dropdownmenu label {
+  color: black;
+  padding: 6px 12px;
+  margin: 0px;
+  width: 95%;
 }
 
-
-.badge-snippet-row, .url-row {
-    width: 100%;
-    display: flex;
-    flex-direction: reverse;
-    border-bottom: 1px #ccc solid;
-    padding: 10px;
+.badge-snippet-row,
+.url-row {
+  width: 100%;
+  display: flex;
+  flex-direction: reverse;
+  border-bottom: 1px #ccc solid;
+  padding: 10px;
 }
 
-.badge-snippet-row .icon, .url-row .icon {
-    order: 0;
-    max-width: 30px;
-    max-height: 40px;
-    padding:3px;
-    /* margin-top: 13px; */
-    /*margin-left: 4px; */
+.badge-snippet-row .icon,
+.url-row .icon {
+  order: 0;
+  max-width: 30px;
+  max-height: 40px;
+  padding: 3px;
+  /* margin-top: 13px; */
+  /*margin-left: 4px; */
 }
 
 .input-group-btn .btn {
-    border: solid #ccc 1px;
+  border: solid #ccc 1px;
 }
 
-.badge-snippet-row pre, .url-row pre {
-    order: 1;
-    margin: 0;
-    flex-grow: 1;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
+.badge-snippet-row pre,
+.url-row pre {
+  order: 1;
+  margin: 0;
+  flex-grow: 1;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 
-
 #how-it-works {
-    line-height: 1.5;
-    font-weight: bold;
-    font-size: 18px;
+  line-height: 1.5;
+  font-weight: bold;
+  font-size: 18px;
 }
 
 #how-it-works div.row {
-    margin: 32px;
-    display: flex;
-    flex-direction: row;
-    align-items: baseline;
+  margin: 32px;
+  display: flex;
+  flex-direction: row;
+  align-items: baseline;
 }
 
 .point {
-    border-radius: 50%;
-    border-width: 5px;
-    border-style: solid;
-    width: 40px;
-    height: 40px;
-    padding: 2px 9px;
-    font-weight: 800;
-    font-family: 'ClearSans-Bold';
+  border-radius: 50%;
+  border-width: 5px;
+  border-style: solid;
+  width: 40px;
+  height: 40px;
+  padding: 2px 9px;
+  font-weight: 800;
+  font-family: "ClearSans-Bold";
 }
 
 .point-container {
-    padding-top: 4px;
+  padding-top: 4px;
 }
 
 .point-orange {
-    border-color: rgb(247, 144, 42);
-    color: rgb(247, 144, 42);
+  border-color: rgb(247, 144, 42);
+  color: rgb(247, 144, 42);
 }
 
 .point-red {
-    border-color: rgb(204, 67, 101);
-    color: rgb(204, 67, 101);
+  border-color: rgb(204, 67, 101);
+  color: rgb(204, 67, 101);
 }
 
 .point-blue {
-    border-color: rgb(41, 124, 184);
-    color: rgb(41, 124, 184);
+  border-color: rgb(41, 124, 184);
+  color: rgb(41, 124, 184);
 }
 
 /*reduce font size of h1 and h2 so the initial design when h3 and h4 tags were used respectively is retained*/
-h1{
-    font-size:1.25em;
+h1 {
+  font-size: 1.25em;
 }
 
-h2{
-    font-size:1.125em;
+h2 {
+  font-size: 1.125em;
 }
 
 span.front-em {
-    font-size: 1.5em;
+  font-size: 1.5em;
 }
 
 div.front {
-    font-size: .9em;
+  font-size: 0.9em;
 }
 
 h4.logo-subtext {
   margin-top: -60px;
 }
 
-.form-row .form-group:first-child{
+.form-row .form-group:first-child {
   padding-left: 0;
 }
 
-.form-row .form-group:last-child{
+.form-row .form-group:last-child {
   padding-right: 0;
 }
 
@@ -286,31 +285,30 @@ h4.logo-subtext {
 
 /**/
 
-@media (max-width: 991px){
-    .form-row .form-group {
-        padding: 0;
-    }
-
-    #launch-buttons {
-        margin-top: inherit;
-    }
+@media (max-width: 991px) {
+  .form-row .form-group {
+    padding: 0;
+  }
 
+  #launch-buttons {
+    margin-top: inherit;
+  }
 }
 
 /*Clipboard styling*/
 
-img.icon.clipboard{
-    order: 1;
-    border: thin solid silver;
-    border-radius: 5px;
-    border-bottom-left-radius: 0;
-    border-top-left-radius: 0;
-    border-left: none;
+img.icon.clipboard {
+  order: 1;
+  border: thin solid silver;
+  border-radius: 5px;
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+  border-left: none;
 }
 img.icon.clipboard:hover {
-    background: #f5f5f5;
+  background: #f5f5f5;
 }
 
 img.icon.clipboard:active {
-    background: #ddd;
+  background: #ddd;
 }
diff --git a/binderhub/static/loading.css b/binderhub/static/loading.css
index 073c9d613..d267b113a 100644
--- a/binderhub/static/loading.css
+++ b/binderhub/static/loading.css
@@ -2,61 +2,63 @@
 https://ihatetomatoes.net for initial code templates.*/
 
 #loader {
-    display: block;
-    position: relative;
-    left: 50%;
-    top: 50%;
-    width: 150px;
-    height: 150px;
-    margin: -20px 0 0 -75px;
-    border-radius: 50%;
-    border: 7px solid transparent;
-    border-top-color: #f5a252;
-    animation: spin 2s linear infinite;
-    z-index: 1001;
-}
-
-    #loader:before {
-        content: "";
-        position: absolute;
-        top: 5px;
-        left: 5px;
-        right: 5px;
-        bottom: 5px;
-        border-radius: 50%;
-        border: 7px solid transparent;
-        border-top-color: #579aca;
-        animation: spin 3s linear infinite;
-    }
-
-    #loader:after {
-        content: "";
-        position: absolute;
-        top: 15px;
-        left: 15px;
-        right: 15px;
-        bottom: 15px;
-        border-radius: 50%;
-        border: 7px solid transparent;
-        border-top-color: #e66581;
-        animation: spin 1.5s linear infinite;
-    }
-
-    @keyframes spin {
-        0%   {
-            transform: rotateZ(0deg);
-        }
-        100% {
-            transform: rotateZ(360deg);
-        }
-    }
-
-.error, .error:after, .error:before {
-    border-top-color: red !important;
+  display: block;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  width: 150px;
+  height: 150px;
+  margin: -20px 0 0 -75px;
+  border-radius: 50%;
+  border: 7px solid transparent;
+  border-top-color: #f5a252;
+  animation: spin 2s linear infinite;
+  z-index: 1001;
+}
+
+#loader:before {
+  content: "";
+  position: absolute;
+  top: 5px;
+  left: 5px;
+  right: 5px;
+  bottom: 5px;
+  border-radius: 50%;
+  border: 7px solid transparent;
+  border-top-color: #579aca;
+  animation: spin 3s linear infinite;
+}
+
+#loader:after {
+  content: "";
+  position: absolute;
+  top: 15px;
+  left: 15px;
+  right: 15px;
+  bottom: 15px;
+  border-radius: 50%;
+  border: 7px solid transparent;
+  border-top-color: #e66581;
+  animation: spin 1.5s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: rotateZ(0deg);
+  }
+  100% {
+    transform: rotateZ(360deg);
+  }
+}
+
+.error,
+.error:after,
+.error:before {
+  border-top-color: red !important;
 }
 
 .error {
-    animation: spin 30s linear infinite !important;
+  animation: spin 30s linear infinite !important;
 }
 
 .error:after {
@@ -67,47 +69,49 @@ https://ihatetomatoes.net for initial code templates.*/
   animation: spin 20s linear infinite !important;
 }
 
-.paused, .paused:after, .paused:before {
-   animation-play-state: paused !important;
+.paused,
+.paused:after,
+.paused:before {
+  animation-play-state: paused !important;
 }
 
 #demo-content {
-	padding-top: 100px;
+  padding-top: 100px;
 }
 
 div#loader-text {
-    min-height: 3em;
+  min-height: 3em;
 }
 
 #loader-text p {
-    z-index: 1002;
-    max-width: 750px;
-    text-align: center;
-    margin: 0px auto 10px auto;
+  z-index: 1002;
+  max-width: 750px;
+  text-align: center;
+  margin: 0px auto 10px auto;
 }
 
 #loader-text p.launching {
-    font-size: 2em;
+  font-size: 2em;
 }
 
 div#loader-links {
-    min-height: 6em;
+  min-height: 6em;
 }
 
 #loader-links p {
-    font-size: 1.5em;
-    text-align: center;
-    max-width:700px;
-    margin: 0px auto 10px auto;
+  font-size: 1.5em;
+  text-align: center;
+  max-width: 700px;
+  margin: 0px auto 10px auto;
 }
 
 div#log-container {
-    width: 80%;
-    margin: 0% 10%;
+  width: 80%;
+  margin: 0% 10%;
 }
 
 .hidden {
-    display: none;
+  display: none;
 }
 
 .preview {
diff --git a/docs/source/_static/custom.css b/docs/source/_static/custom.css
index 348a87d74..9d790c8d8 100644
--- a/docs/source/_static/custom.css
+++ b/docs/source/_static/custom.css
@@ -1,25 +1,25 @@
 .right-next {
-    float: right;
-    max-width: 45%;
-    overflow: auto;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  float: right;
+  max-width: 45%;
+  overflow: auto;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-.right-next::after{
-    content: ' »';
+.right-next::after {
+  content: " »";
 }
 
 .left-prev {
-    float: left;
-    max-width: 45%;
-    overflow: auto;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+  float: left;
+  max-width: 45%;
+  overflow: auto;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-.left-prev::before{
-    content: '« ';
+.left-prev::before {
+  content: "« ";
 }
 
 .prev-next-bottom {
@@ -30,7 +30,6 @@
   margin-bottom: 1em;
 }
 
-
 /* Federation page CSS */
 .contrib_entry p {
   margin: 2px;
@@ -38,12 +37,12 @@
 }
 
 p.contrib_affiliation {
-  font-size: .7em;
+  font-size: 0.7em;
   font-weight: bold;
 }
 
 .contribs_text {
-  font-size: .8em;
+  font-size: 0.8em;
 }
 
 .contrib_entry p.contribs {