@import url("https://fonts.googleapis.com/css?family=Oswald");
@import url("https://fonts.googleapis.com/css?family=Roboto");
/** This section defines the various fonts and colors */
/**
 *  This section contains the various SCSS variables we are going to use.
 *  Note that this section will use the font and color variables we have defined
 *  in the previous section.
 */
/* General CSS */
@import url("https://fonts.googleapis.com/css?family=Oswald");
@import url("https://fonts.googleapis.com/css?family=Roboto");
html {
  position: relative;
  min-height: 100%; }

body {
  font-family: roboto, helvetica, arial, sans-serif; }

/* Header-Related CSS */
#page-header {
  position: sticky;
  top: 0;
  z-index: 1071;
  min-height: 70px;
  background-color: #3a4958 !important; }
  #page-header .nav-link {
    font-size: 1rem;
    color: #d4c99e !important; }
  #page-header .nav-link:hover {
    color: #4085b7; }
  #page-header .navbar-brand {
    color: #fdfdfd !important; }
  #page-header .navbar-brand:hover {
    color: #4085b7; }
  #page-header .dropdown-menu {
    min-width: 0; }
  #page-header .dropdown-item {
    color: #4085b7; }
  #page-header .dropdown-item:hover {
    color: #fdfdfd !important;
    background-color: #3a4958 !important;
    opacity: 0.15; }
  #page-header .btn-auth {
    color: #d4c99e !important;
    border-color: #d4c99e !important; }
  #page-header .btn-auth:hover {
    color: #4085b7;
    background-color: #d4c99e !important;
    border-color: #d4c99e !important; }

#site-title {
  font-family: oswald, helvetica, arial, sans-serif;
  font-size: 1.75rem;
  font-weight: 200 !important; }

/* Footer-Related CSS */
#page-footer {
  position: absolute;
  bottom: 0;
  height: 90px;
  color: #fdfdfd !important;
  background-color: #86898c !important; }
  #page-footer .footer-link {
    font-size: 1rem;
    color: #d4c99e !important;
    text-decoration: none; }
  #page-footer .footer-link:hover {
    color: #4085b7; }

/** This section defines the various fonts and colors */
/**
 *  This section contains the various SCSS variables we are going to use.
 *  Note that this section will use the font and color variables we have defined
 *  in the previous section.
 */
/* Main Layout-Related CSS */
#page-content {
  min-height: calc(100vh - 70px);
  color: #000 !important; }
  #page-content a {
    text-decoration: none; }
  #page-content .jumbotron {
    color: #fdfdfd !important;
    background-color: #4c6085 !important; }
  #page-content .btn-jumbotron {
    color: #d4c99e !important;
    border-color: #d4c99e !important; }
  #page-content .btn-jumbotron:hover {
    color: #fdfdfd !important;
    background-color: #d4c99e !important;
    border-color: #d4c99e !important; }