/*input text */
.container input[type=email], input[type=password], input[type=textarea] {
    width: 100%;
    padding: 20px;
    margin: 5px 0 10px 0;
    display: inline-block;
    background: none;
    border-radius: 20px;
  }
  /* form control*/
  .form-control input[type=text], input[type=mobile], input[type=email], input[type=textarea]
  {
    border-radius: 20px;
    padding: 20px;
    box-sizing: border-box;
    
  }
  /* input focus */
  input[type=email]:focus, input[type=password]:focus, input[type=text] {
    outline: none;
  }
  /* serch btn in slide image*/
 .search input[type=text]
 {
    width: 50%;
    padding: 10px;
    border-radius: 50px;
    background: none;
    box-sizing: border-box;
 }
  /* join cancel btn */
  .cancelbtn {
    padding: 14px 20px;
    background-color:green;
    border-radius: 25px;
    
    
  }
  /* Float cancel and signup buttons and add an equal width */
.cancelbtn, .signupbtn {
    float: left;
    width: 50%;
  }
  
  /* join signup btn*/
  .signupbtn {
    padding: 14px 20px;
    background-color: skyblue;
    border-radius: 25px;

  }
  /* Add padding to container elements */
  .container {
    padding: 16px;
  }
  
  /* Clear floats */
  .clearfix::after {
    content: "";
    clear: both;
    display: table;
  }
  
  /* Change styles for cancel button and signup button on extra small screens */
  @media screen and (max-width: 300px) {
    .cancelbtn, .signupbtn {
       width: 100%;
    }
  }
/* h1 changes*/
h1 {
    text-shadow: 2px 2px 5px dodgerblue;
    letter-spacing: 4px;
}
/* h2 changes*/
h2 {
    text-shadow: 2px 2px 5px dodgerblue;
}

/* card title image*/
.card-title
{
    border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px skyblue;
    border-radius: 25px;
    cursor: default;
}
section .img-fluid:hover
{
    border: 1px solid skyblue;
    border-radius: 20px;
    padding: 0px;
    width: 100%;
    transform: scaleX(-1);
    
}
.card-img-top:hover
 {
    border: 1px solid skyblue;
    border-radius: 20px;
    padding: 0px;
    width: 100%;
    transform: scaleX(-1);
 }
/* col change*/
.col-lg-4 
 {
    border: 1px;
    padding: 10px;
    box-shadow: 5px 5px 15px dodgerblue;
    border-radius: 10px;
    
 }
 /* only for 1 card*/
 .col-lg-3
 {
    border: 1px;
    padding: 10px;
    box-shadow: 5px 5px 15px dodgerblue;
    border-radius: 5px;
    
 }
/*nav bar dropdown*/
.dropdown-item
 {
    font-style: italic;
 }
/* container changes*/
.container-fluid
 {
    font-style: italic;
    box-shadow: #00b3ff;
    
 }
/* nav link*/
.nav-link
{
    margin: 0;
    padding: 0;
    font-style: italic;
}
/* navbar growing crazy4car*/
.growing
{
    margin: 0;
    padding: 0;
    color:black;
    font: 8em;
    display: flex;
    justify-content: right;
    align-items: right;
    font-family: 'Bad Script', cursive;
}
/*h5 */
h5 span
{
    display: table-cell;
    margin: 0;
    padding: 0;
    animation: animate 3s linear infinite;
}
h5 span:nth-child(1)
{
    animation-delay: 0s;
}
h5 span:nth-child(2)
{
    animation-delay: 0.25s;
}
h5 span:nth-child(3)
{
    animation-delay: 0.5s;
}
h5 span:nth-child(4)
{
    animation-delay: 0.75s;
}
h5 span:nth-child(5)
{
    animation-delay: 1s;
}
h5 span:nth-child(6)
{
    animation-delay:1.25s;
}
h5 span:nth-child(7)
{
    animation-delay:1.5s;
}
h5 span:nth-child(8)
{
    animation-delay: 1.75s;
}
h5 span:nth-child(9)
{
    animation-delay: 2s;
}
@keyframes animate
{
    0%,100%
    {
        color: #fff;
        text-shadow: 0 0 10px #00b3ff,
                    0 0 20px #00b3ff,
                    0 0 40px #00b3ff,
                    0 0 80px #00b3ff,
                    0 0 120px #00b3ff,
                    0 0 200px #00b3ff;
    }
    5%,95%
    {
        color:black;
        filter: blur(0px);
        text-shadow: 0 0 10px none;
    }
}