html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  color: #494c4c;
}

h1,
h2,
h3,
h4,
h5,
h6,
.display-6 {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
}

.navbar-brand img {
  width: 152px;
}

.app-main-content {
  min-width: 550px;
}

.bg-primary {
  background-color: #31acae !important;
}

.btn-primary {
  background-color: #31acae;
  border-color: #31acae;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #2ac6c7;
  border-color: #2ac6c7;
}

.btn-secondary {
  background-color: #1D414E;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background-color: #315f6f;
  border-color: #1D414E;
}