.body {

  background-color: #E5E6E1;
}
body::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;

  background: url("/static/noisy-gray-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.bg-white-100 {
  background-color: #FDFAFA !important;
}

.bg-red-100 {
  background-color: #f8d7da !important;
}

.bg-red-200 {
  background-color: #f1aeb5 !important;
}

.bg-red-300 {
  background-color: #e8858e !important;
}

.bg-red-400 {
  background-color: #e35d6a !important;
}


.bg-red-500 {
  /**background-color: #dc3545 !important;**/
  background-color: #cd2939 !important;
}

.bg-red-600 {
  background-color: #b02a37 !important;
}

.bg-red-700 {
  background-color: #842029 !important;
}

.bg-red-800 {
  background-color: #58151c !important;
}

.bg-red-900 {
  background-color: #2c0b0e !important;
}

.bg-red-100-hover:hover {
  background-color: #e8858e !important;
}

.bg-red-200-hover:hover {
  background-color: #e35d6a !important;
}

.bg-red-300-hover:hover {
  background-color: #f8d7da !important;
}

.bg-red-400-hover:hover {
  background-color: #f1aeb5 !important;
}

.bg-red-500-hover:hover {
  background-color: #e8858e !important;
}

.bg-red-600-hover:hover {
  background-color: #e35d6a !important;
}

.bg-red-700-hover:hover {
  background-color: #dc3545 !important;
}

.bg-red-800-hover:hover {
  background-color: #b02a37 !important;
}

.bg-red-900-hover:hover {
  background-color: #842029 !important;
}

.text-gray-900 {
  color: #212529;
}

@media (min-width:768px) {
  .full-height {
    height: 100vh;
  }
}

@media (min-width:768px) {
  .footer-height {
    height: 10vh;
  }
}

.brand-link {
  border-bottom: 1px solid black;
}

.custom-btn {
  position: relative;
  overflow: hidden;
  text-align: left;
  /* Yaz\u0131y\u0131 sola yaslar */
}

/* Hover'da taral\u0131 alan gelsin */
.custom-btn::after {
  content: "";
  position: absolute;
  top: 0;
  margin-left: 5%;
  width: 100%;
  height: 100%;
  background-image: repeating-linear-gradient(45deg,
      rgba(132, 32, 41, 0.2) 0,
      rgba(132, 32, 41, 0.2) 5px,
      transparent 5px,
      transparent 10px) !important;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.custom-btn:hover::after {
  opacity: 1;
}

.cherrybombone {
  font-family: "Cherry Bomb One";
}

.helvetica {
  font-family: sans-serif, 'Helvetica';
  font-weight: 900;
}

.helvetica-light {
  font-family: sans-serif, 'Helvetica';
  font-weight: 700;

}

.libre {
  font-family: 'Libre Baskerville', serif;
}


@media (max-width: 768px) {
  .headersize {
    font-size: 12vw;
  }
}

@media (min-width:768px) {
  .headersize {
    font-size: 7vw;
  }
}

.bg-hover {
  transition: opacity 0.5s !important;
}

.bg-hover:hover {
  opacity: 0.8;
}

.card {
  background-color: #212529 !important;
  transition: background-color 0.5s;
}

.card:hover {
  background-color: #394047 !important;
}

.faded-bg {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #FDFAFA 80%) !important;
  /** background-color:#CD2939; **/
  z-index: 4;
}

.cool-border,
.action-button {
  border: 2px solid #2a2a2a!important;
  box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.8)!important;
  transition: all 0.2s ease!important;
}

.action-button:hover , .action-click:active{
  transform: translate(2px, 2px)!important;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8)!important;
}