.bg-color-cust {
  background-color: rgb(105 2 40);
}
.text-color-cust {
  color: rgb(105 2 40);
}

.second-bg-cust {
  background-color: #ea9800;
}

@layer base {
  .nav-top li {
    @apply px-3 font-medium md:text-sm hover:border-b-4 hover:border-accentOrange hover:pb-3 xs:text-sm text-accentOrange;
  }

  button {
    @apply bg-[#690228] text-white flex gap-3 items-center px-4 py-2 rounded-xl;
  }
}

.homebtn {
  box-shadow: 3px -4px 8px rgb(255 200 39 / 30%);
}

.headSpan {
  text-shadow: 3px -4px 8px rgb(255 200 39 / 30%);
  color: #fd9223 !important;
}

.game-card {
  box-shadow: 3px -4px 8px rgb(255 200 39 / 30%);
}

*,
html,
body {
  scroll-behavior: smooth;
}

.right-font {
  line-height: normal;
  margin-bottom: 0;
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-weight: 700;
}

.text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity));
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-center {
  text-align: center;
}

.d-block{
    display:block!important;
}
@media (min-width: 768px) {
  .nav-top li {
      font-size: .875rem;
      line-height: 1.25rem;
  }
   .mob-l { 
       margin-left: 30px !important;
    max-width: 75px !important;
       
   }
    
}

@media(max-width:768px) {
     .mob-l { 
       margin-left: 30px !important;
    max-width: 75px !important;
       
   }
   .xs\:flex-col {
        flex-direction: column;
    }
}

.nav-top li {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  font-weight: 500;
  padding-left: .75rem;
  padding-right: .75rem;
}

.cursor-pointer {
  cursor: pointer;
}
a {
  color: inherit;
  text-decoration: inherit;
}

a:hover {
  border: 0 solid #e5e7eb;
  box-sizing: border-box;
}


@media (min-width: 320px) {
    .xs\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
}
@media (min-width: 320px) {
    .xs\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
}
@media (min-width: 320px) {
    .xs\:text-center {
        text-align: center;
    }
}
.headSpan {
    color: #fd9223 !important;
    text-shadow: 3px -4px 8px rgba(255, 200, 39, .3);
}
@media (min-width: 320px) {
    .xs\:gap-5 {
        gap: 1.25rem;
    }
}
@media (min-width: 320px) {
    .xs\:items-center {
        align-items: center;
    }
}

@media (min-width: 1024px) {
    .lg\:text-5xl, .lg\:text-\[3rem\] {
        font-size: 3rem;
    }
}

@media (min-width: 1024px) {
    .lg\:text-5xl {
        line-height: 1;
    }
}
@media (min-width: 1024px) {
    .lg\:text-start {
        text-align: start;
    }
}
@media (min-width: 320px) {
    .xs\:pb-7 {
        padding-bottom: 1.75rem;
    }
}
@media (min-width: 320px) {
    .xs\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}
@media (min-width: 320px) {
    .xs\:right-0 {
        right: 0;
    }
}
@media (min-width: 320px) {
    .xs\:top-20 {
        top: 7rem;
    }
}

@media (min-width: 320px) {
    .xs\:absolute {
        position: absolute;
    }
}
.bg-\[\#690228\] {
    --tw-bg-opacity: 1;
    background-color: rgb(105 2 40);
}
@media (min-width: 1024px) {
    .headDiv {
                    width: 50%;
        top: 3rem;
        margin-right: 53px;
    }
    }
}