.accent-background {
    --background-color: #8b0000;
    --default-color: #ffffff;
    --heading-color: #ffffff;
    --accent-color: #ffffff;
    --surface-color: #ff3333;
    --contrast-color: #ffffff;
  }
  .services .service-item .icon {
    color: white;
    background:#8b0000;
    margin: 0;
    width: 64px;
    height: 64px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    font-size: 28px;
    transition: ease-in-out 0.3s;
  }
  h1, h2, h3, p {
        font-family: "Arsenal SC", serif;
        font-style: normal;
        color: #8b0000;      
  }
  .scream {
    color: white;
    font-family: "Arsenal SC", serif;
    font-weight: 400;
    font-style: normal;
  }
  .copyright {
    color: white;
    font-family: "Arsenal SC", serif;
    font-weight: 400;
    font-style: normal;
  }
  h1 {
    font-family: "Arsenal SC", serif;
    font-weight: 800;
    font-style: normal;
    color: #8b0000;
  }
  .typed {
    font-weight: 200;
  }
  .title {
    font-weight: 1000;
  }
  h2 {
    font-weight: 400;
  }
  .stats-items {
    background-color:black;
  }
  h2::after {
    background-color:black !important; 
  }
  .footer .copyright p {
    margin-bottom: 0;
    color:white;
  }
  .portfolio .portfolio-item .portfolio-info {
    background: color-mix(in srgb, #8b0000, transparent 10%) !important;
    color: white;
  }
  .port {
    color: white !important;
  }
  .details-link {
    color:white !important;
  }
  .details-link:hover {
    color:black !important;
  }
  .services .service-item:hover {
    transform: translateY(-10px);
    border-color: black;
    }
  .services .service-item:hover h3 {
    color: black;
    }
  .scroll-top {
    background-color:#8b0000 !important;
  }
  .btn-danger {
    display: block;
    margin: 20px;
  }
  a:hover {
    color:#8b0000 !important
  }
  a:active {
    color:#8b0000 !important
  }
  a {color:#8b0000 !important}
  .bootstrap {color: white !important}