.navbar-brand {
    font-size: xx-large;
  font-family:'Dancing Script',cursive ;
color: #ff0000;

  }
 
  .body {
    background-color: rgb(11, 11, 11);
  }
  .navbar{
    color: b;
  }
  .nav-item {
    margin-right: 18px;
    font-weight: bold;
    font-family: 'Times New Roman', Times, serif;
    color: antiquewhite;
  }

  a.active {
    margin: 10 px;
    border: 1px solid red;
    background-color: red;
    border-radius: 7px;
    margin-left: 5%;
    width: 95px;
  }

  .btn-light:hover {
    border: 1px solid red;
    background-color: red;

    color: black;

  }

  .nav-item :hover {
    margin: 10 px;
    border: 1px solid red;
    background-color: red;
    border-radius: 7px;
    color: black;
    text-shadow: 2px;

    font-weight: bold;
  }

  .navbar {
    background-color: black;
  }

  ul {
    margin-right: 2%;
  }

  .title {
    transform: translateY(-50%);
    position: absolute;
    font-size: 100px;
    font-weight: bold;
    color: white;
    left: 50%;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  }

  .carousel-caption {
    top: 80%;
  }

  body {
    background-color: black;
  }
  .card-container {
    transition: transform 0.5s, box-shadow 0.5s;
  }
  
  .card-container {
    perspective: 1000px;


  }
  
  .card {
    position: relative;
    width: 100%;
    height: 120%;
    transition: transform 0.6s, box-shadow 0.6s;
    border-radius: 8px;
    border: 2px solid transparent;
    transform-style: preserve-3d;

  }
  
  .card-container:hover {
    box-shadow: 0 0 10px 5px #c43333; /* Red glow effect */
    transform: translate(-10px, -10px); /* Transition 10px out on hover */
  }
  
  .centered-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  
  .card:hover .centered-btn {
    opacity: 1;
  }
  
  .btn {
    display: inline-block;
    font-size: large;
     font-family:'Times New Roman', Times, serif;
    text-decoration: none;
    color: white;
    font-weight: bolder;
    border-radius: 4px;
    transition: box-shadow 0.3s, border-color 0.3s;
    width: 200 px;
  }
  
  .btn:hover {
    box-shadow: 0 0 20px 6px #ff0000; /* Enhanced glowing effect on hover */
    border: 2px solid #e6e3e3; /* Red outline */
font-size: large;
color: white;
  }
  .heading {  /* home page headings */
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #fff; /* Set text color to white */
    text-shadow: 0 0 5px rgba(107, 105, 105, 0.7);
    animation: infinite;
}
.hr {/* hr on home */
  height: 3px; 
  background-color: #f2efe6; /* Choose your highlight color */
}
#heading {
  font-size: 46px;
  font-family: 'Dancing Script', cursive;
  color: white;
  text-shadow: 1px rgb(250, 206, 12);
  white-space: nowrap; /* prevent line break */
  overflow: hidden; /* hide overflow content */
  animation: typing 25s steps(40) forwards, glow 5s infinite alternate;
}

.d-script{
  font-family:'Dancing Script',cursive ;
   font-size: 39px;
   color: #ff0000;
}
.movie{
  border: #ff0000 1px;
}