plotly-style.css

.navbar-default {
  background-color: #fff;
}
.navbar {
  min-height: 75px;
}
.navbar-brand {
  font-family: "Open Sans", sans-serif;
  padding: 10px 10px;
}

.body {
  font-family: "Open Sans", sans-serif;
}

.navbar-brand img {
  height: 30px;
  margin-top: 4px;
}

.navbar .container {
  padding-top: 8px;
}

code {
  color: #2c3e50 !important;
}

.alert-info {
  background: lightgrey;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: lightgrey;
}

dt {
  font-weight: normal;
}

dd {
  margin-left: 20px;
}

blockquote {
  font-size: 15px;
  border-left: none;
}

li {
  margin-top: 8px;
  margin-bottom: 8px;
}

code {
  background-color: #f5f5f5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "jubilat", sans-serif;
}

@font-face {
  font-family: "jubilat";
  src: url("https://use.typekit.net/af/275f06/00000000000000003b9b0d24/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/275f06/00000000000000003b9b0d24/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("woff"),
    url("https://use.typekit.net/af/275f06/00000000000000003b9b0d24/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "jubilat";
  src: url("https://use.typekit.net/af/d16a24/00000000000000003b9b0d22/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/d16a24/00000000000000003b9b0d22/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
      format("woff"),
    url("https://use.typekit.net/af/d16a24/00000000000000003b9b0d22/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3")
      format("opentype");
  font-display: auto;
  font-style: normal;
  font-weight: 500;
}

a {
  color: #506784 !important;
}

a:hover {
  color: #0d67bf !important;
}