p {
  font-family: 'ABeeZee';
}

h2 {
  font-family: 'Alex Brush';
  text-transform: capitalize;
  font-size: 35px;
}

h1 {
  font-family: 'Alex Brush';
  text-transform: capitalize;
  font-size: 50px;
}

.btn.btn-primary.btn-lg.btn-default, btn-default {
  color: rgb(255,255,255);
  border-color: rgb(255,255,255);
  font-family: 'ABeeZee';
}

.btn.btn-primary.btn-lg.btn-default:hover {
  background-color: rgba(0,0,0,0.27);
  border-color: #929292;
}

#mainNav.navbar-shrink {
  border-bottom: 1px solid hsl(0deg 0% 100%);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgba(0,0,0,0.27);
  border-color: #929292;
}

.btn-default:focus, .btn-default:hover {
  border: 1px solid #929292;
  background-color: rgba(0,0,0,0.27);
}

.btn-primary.focus, .btn-primary:focus {
  box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.5);
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0,0,0,0.5);
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #080808;
  background-clip: border-box;
  border: 1px solid rgb(255,255,255);
  border-radius: .25rem;
}

a {
  color: white;
}

body {
  background-color: #0c0c0c;
}

.card {
  background-color: #0c0c0c;
  max-width: 300px;
  min-height: 215px;
}

@media (min-width:992px) {
  #mainNav.navbar-shrink {
    background-color: #0c0c0c;
  }
}