@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

:root{
--bs-primary:#f3671f;
--bs-secondary:#6c0d0d;

}
.btn-custom-1{
    background-image: linear-gradient(90deg, var(--bs-primary) 0%, var(--bs-secondary) 100%);
    border:none;
    
}
.navbar{
    background-color: black;
}
.navbar li{
    padding:10px;
}
.navbar a{
color:#fff;
font-size:19px;
}
.navbar li a:hover{
    color:#fff
}
.navbar-toggler{
    background-color:#fff;
}
.bg-2{
background-color: #fff;    
}
.bg-3{
    background-color: #ff6f26;
}
 /* Countdown styling */
    /* Center the countdown timer */
    .countdown-container {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
      }
  
      .countdown {
        font-size: 4rem;
        font-weight: bold;
        display: flex;
        gap: 10px;
        color: #333;
        text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
      }
  
      .countdown span {
        display: inline-block;
        padding: 10px;
        background-color: #0a0d0f;
        color: #fff;
        border-radius: 8px;
        transform: scale(1);
        animation: bounce 1s infinite;
      }
  
      .countdown span.danger {
        background-color: #dc3545;
        animation: bounce 1s infinite alternate;
      }
  
      .countdown-labels {
        display: flex;
        justify-content: center;
        gap: 25px;
        margin-top: 20px;
        font-size: 1.2rem;
        color: #000;
      }
  
      /* Bouncing animation */
      @keyframes bounce {
        0% {
          transform: scale(1);
        }
        50% {
          transform: scale(1.1);
        }
        100% {
          transform: scale(1);
        }
      }
  
      /* Fade effect for when the timer ends */
      .countdown-ended {
        font-size: 2rem;
        color: #28a745;
        text-shadow: none;
        animation: fadeIn 1s ease-in-out;
      }
  
      @keyframes fadeIn {
        0% { opacity: 0; }
        100% { opacity: 1; }
      }
      .font1{
        font-family: "Special Elite", system-ui;
      }
      .font-lg{
        font-size:36px;
      }
      .font-md{
        font-size:30px;
      }
      p{
        font-size:20px;
      }

      #about-artist img{
        padding: 4px;
    box-shadow: 4px 2px 20px #a35229;
      }
      .countdown{
        font-size:42px;
      }