/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

body {
  color: #37474F;
  background: #f2f2f2;
}

#home-index {
  .btn {
    background: #37474F;
    border-color: #37474F;
  }
}

#fortunes-show {
  #fortune-summary {
    font-weight: bold;
  }

  i {
    color: #afafaf;
  }

  #fortune-love {
    i.fill {
      color: #FF4081;
    }
  }
  #fortune-money {
    i.fill {
      color: #FFC107;
    }
  }
  #fortune-work {
    i.fill {
      color: #4CAF50;
    }
  }

  #past-fortunes {
    a {
      color: #37474F;
    }
  }
}

.keyvisual {
  color: #ffffff;
  width: 100%;
  background-size: cover;
  background-position: center;
  position: relative;
  overflow: hidden;
}