body {      

      background-color: #b9b9b9;
      font-size: 20px !important;
      line-height: 1.42857143 !important;
      }
  .carousel-indicators li.active {
      background-color: #ff6699;
  }
  .jumbotron
  {
    background-color: rgba(35,35,35,0.4);
  }
    .navbar {
      margin-bottom: 0;
      background-color: #99ccff;
      z-index: 9999;
      border: 0;
      font-size: 12px !important;
      line-height: 1.42857143 !important;
      letter-spacing: 4px;
      border-radius: 0;
      background-color: #000;
  }
  .navbar li a, .navbar .navbar-brand {
      color: white !important;
  }
  .navbar-nav li a:hover, .navbar-nav li.active a { 
      color: #000 !important;
      background-color: #fff !important;
  }
  .navbar-default .navbar-toggle {
      border-color: transparent;
      color: #fff !important;
  }
  .modal-header,.close {
      background-color: #5cb85c;
      color:white !important;
      text-align: center;
      font-size: 30px;
  }
  .modal-footer {
      background-color: #f9f9f9;
  }
  .btn-primary{
    box-shadow:3px 3px 3px #888;
  }
  .btn-primary:hover{
    transform: translate(2px);
    transition: 0.25s;
    box-shadow: 0px 0px 3px 3px blue;
  }
  .btn-danger{
    box-shadow:3px 3px 3px #888;
  }
  .btn-danger:hover{
    transform: translate(2px);
    transition: 0.25s;
    box-shadow:0px 0px 3px 3px red;
  }
  .btn-success{
    box-shadow:3px 3px 3px #888;
  }
  .btn-success:hover{
    transform: translate(2px);
    transition: 0.25s;    
    box-shadow:0px 0px 2px 2px green;
    }
  .btn-warning{
    box-shadow:3px 3px 3px #888;
  }
  .btn-warning:hover{
    transform: translate(2px);
    transition: 0.25s;
    box-shadow:0px 0px 2px 2px orange;
    }
  .btn-info{
    box-shadow:3px 3px 3px #888;
  }
  .btn-info:hover{
    transform: translate(2px);
    transition: 0.25s;
    box-shadow:0px 0px 2px 2px #99ccff;
    }
  input[type]:focus{
    background-color: #d8ecf3;
    transition: 1s;
    box-shadow: 3px 3px #000000;
  }
  text{    
    text-transform: capitalize;
  }
h1
{
color: Green;
text-transform: capitalize;
}
h2{
    color: red;
    text-shadow: 2px 2px 4px #000000;
    text-transform: capitalize;
}
h3
{
color: Blue;
text-transform: capitalize;
}
h4
{
    text-transform: capitalize;
}
Ol
{
padding-right:20px;
}
Ul
{
padding-right:20px;
}
footer {
      background-color: #99ccff;
      color: #f5f5f5;
      padding: 32px;
      position: bottom;
      opacity: 0.8;
  }
  footer a {
      color: #f5f5f5;
  }
  footer a:hover {
      color: #777;
      text-decoration: none;
  }  
  a:hover{
    text-decoration: none;
  }
  a:active{
    text-decoration: none;
  }  
  #wl{
    font-family:Comic Sans MS;
    color:#99ccff;
    text-shadow: 2px 2px 4px #000000;
    transition: 3s;
    transform: rotatez(0deg);
    font-weight: 200px;
  }
  #wl:hover{
    font-family:Comic Sans MS;
    color:#99ccff;
    text-shadow: 2px 2px 4px #000000;
    transition: 3s;
    transform: rotatez(720deg);
  }