/* Enable Responsive Font Size */
/* https://christianoliff.com/blog/bootstrap-with-rfs */
@media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw); }

  h1,
  .h1 {
    font-size: calc(1.375rem + 1.5vw); }

  h2,
  .h2 {
    font-size: calc(1.325rem + 0.9vw); }

  h3,
  .h3 {
    font-size: calc(1.3rem + 0.6vw); }

  h4,
  .h4 {
    font-size: calc(1.275rem + 0.3vw); }

  .display-1 {
    font-size: calc(1.725rem + 5.7vw); }

  .display-2 {
    font-size: calc(1.675rem + 5.1vw); }

  .display-3 {
    font-size: calc(1.575rem + 3.9vw); }

  .display-4 {
    font-size: calc(1.475rem + 2.7vw); }

  .close {
    font-size: calc(1.275rem + 0.3vw); } }
/* Vars */
/* Animations */
/* ----------------------------------------------
 * Generated by Animista on 2020-6-24 14:34:42
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
.in-focus .shake-vertical {
  -webkit-animation: shake-vertical 5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both;
  animation: shake-vertical 5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite both; }

@-webkit-keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  80% {
    -webkit-transform: translateY(6.4px);
    transform: translateY(6.4px); }
  90% {
    -webkit-transform: translateY(-6.4px);
    transform: translateY(-6.4px); } }
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px); }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px); }
  80% {
    -webkit-transform: translateY(6.4px);
    transform: translateY(6.4px); }
  90% {
    -webkit-transform: translateY(-6.4px);
    transform: translateY(-6.4px); } }
.text-focus-in {
  opacity: 0; }

.in-focus .text-focus-in {
  opacity: 1;
  -webkit-animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: text-focus-in 1s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; }

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0; }
  100% {
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1; } }
.slide-in-right {
  opacity: 0; }

.in-focus .slide-in-right {
  opacity: 1;
  -webkit-animation: slide-in-right 2s cubic-bezier(0.19, 1, 0.22, 1) both;
  animation: slide-in-right 2s cubic-bezier(0.19, 1, 0.22, 1) both; }

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
.slide-in-left {
  opacity: 0; }

.in-focus .slide-in-left {
  opacity: 1;
  -webkit-animation: slide-in-left 2s cubic-bezier(0.19, 1, 0.22, 1) both;
  animation: slide-in-left 2s cubic-bezier(0.19, 1, 0.22, 1) both; }

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
.swing-top-fwd {
  opacity: 0; }

.in-focus .swing-top-fwd {
  opacity: 1;
  -webkit-animation: swing-top-fwd 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: swing-top-fwd 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

@-webkit-keyframes swing-top-fwd {
  0% {
    opacity: 0;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transform-origin: top;
    transform-origin: top; }
  100% {
    opacity: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: top;
    transform-origin: top; } }
@keyframes swing-top-fwd {
  0% {
    opacity: 0;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transform-origin: top;
    transform-origin: top; }
  100% {
    opacity: 100%;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    -webkit-transform-origin: top;
    transform-origin: top; } }
/* Bootstrap Overrides */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Spectral', serif;
  font-weight: 800;
  text-rendering: geometricPrecision; }

.popover-body {
  width: 270px; }

/* Bootstrap Extensions */
.bg-blue {
  background-color: #2d2c4f; }

.bg-yellow {
  background-color: #f7a413; }

.bg-green {
  background-color: #007c76; }

.bg-black-trans-75 {
  background-color: rgba(0, 0, 0, 0.75); }

.bg-black-trans-25 {
  background-color: rgba(0, 0, 0, 0.25); }

.text-yellow {
  color: #f7a413; }

.display-1 {
  line-height: 1; }

.priority-1 {
  border-right: 5px solid #518ECB;
  border-left: 5px solid #518ECB; }

.priority-2 {
  border-right: 5px solid #EA5857;
  border-left: 5px solid #EA5857; }

.priority-3 {
  border-right: 5px solid #32549C;
  border-left: 5px solid #32549C; }

.priority-4 {
  border-right: 5px solid #007C76;
  border-left: 5px solid #007C76; }

.btn {
  border-radius: 2rem; }

.btn-primary {
  background-color: #FFFFFF;
  border-color: #f7a413;
  color: #f7a413; }
  .btn-primary:hover {
    background-color: #f7a413;
    border-color: #f7a413;
    color: #FFFFFF; }

.btn-outline-primary {
  border-color: #f7a413;
  color: #f7a413; }
  .btn-outline-primary:hover {
    border-color: #FFFFFF;
    color: #FFFFFF;
    background-color: transparent; }

/* Custom Styles */
body {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
  color: #2d2c4f;
  font-size: 0.9rem; }

.indicators .indicator {
  width: 7px;
  height: 7px;
  border: 1px solid #DDDDDD;
  opacity: 0.6;
  margin: 2px; }
  .indicators .indicator.active {
    opacity: 1; }

section {
  overflow: hidden;
  position: relative;
  min-height: 100vh; }