@font-face {
    font-family: 'DarkSouls';
    src: url('/static/OptimusPrinceps.ttf');
}
@font-face {
    font-family: 'DarkSoulsBold';
    src: url('/static/OptimusPrincepsSemiBold.ttf');
}

/* Some Colors */
a {
    color: #b52828
}
a:visited {
  text-decoration: none;
}
a:hover {
  color: #fd5454;
  text-decoration: none;
}

.btn-primary {
  background-color: #b52828;
  border-color: #b52828;
}
.btn-primary:hover {
  background-color: #fd5454;
  border-color: #fd5454;
}

.btn-default {
  background-color: #3b3b3b;
  border-color: #3b3b3b;
}
.btn-default:hover {
  background-color: #3b3b3b;
  border-color: #fd5454;
}

.icon-primary{
  color: #b52828
}

.brand-icon{
  height: 40px;
}
.navbar-brand{
  font-family: 'DarkSoulsBold', serif;
}
.nav-link {
  font-family: 'DarkSouls', serif;
}

.nav-container{
  margin-bottom: 10px;
}

.btn-toolbar{
  margin: 10px 0;
}
.btn-toolbar .btn {
  margin-right: 10px;
}

.card{
  margin-bottom: 25px;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

/* Theme customizations */
.list-group-item {
  display: flex;
  justify-content: space-between;
}

.list-group-item:hover {
  color: inherit;
  background-color: rgb(34, 34, 34);
}

h1 {
  font-size: 2.5rem;
}
html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.content{
  flex: 1 0 auto;
}

.footer {
  flex-shrink: 0;
}