body {
  font-family: "Work Sans", tahoma, sans-serif;
}

.navbar-nav {
       margin-left: auto;
}
.navbar-brand img {
  height: 35px;
}
a {
  color: #00b4ff;
  text-decoration: none;
}
.casedesc a {
  border-bottom: 1px dotted #00b4ff;
  background: -webkit-radial-gradient(#ffffff, #00b4ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dropdown-toggle::after {
  color: #00b4ff;
}

.highlight {
  color: #00b4ff;
}
h1 {
  font-size: 2em;
  color: #00b4ff;
  background: -webkit-radial-gradient(#ffffff, #00b4ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 10px 0px 20px 0px;
  margin: 0px;
}
.casedesc {
  position: relative;
  box-sizing: border-box;
  padding: 20px;
  background-color: #111519;
  background-clip: padding-box;
  border: solid 3px transparent;
  border-radius: 1em;

  &:before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    margin: -3px;
    border-radius: inherit;
    background: linear-gradient(to right, #000000, #00b4ff, #ffffff);
  }
}
.vjs-fluid {
  border-radius: 1em;
}