@import url('https://fonts.googleapis.com/css?family=Roboto');


*{
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}


html{
    font-size: 63.333%;
    font-family:'Roboto' , sans-serif;
        
}

body{

    font-family:'Roboto' , sans-serif;
    overflow-x: hidden;
/*    background-color: #1C2331;*/
/*   color: #fff;*/
   background: -webkit-linear-gradient(135deg, #1C2331, #1C2331, #23A6D5, #23D5AB);
   background: -o-linear-gradient(135deg, #1C2331, #1C2331, #23A6D5, #23D5AB);
   background: linear-gradient(-45deg, #1C2331, #1C2331, #23A6D5, #23D5AB);
   background-size: 400% 400%;
   -webkit-animation: Gradient 15s ease infinite;
   animation: Gradient 15s ease infinite;

}

body::-webkit-scrollbar {
    width: 1em;
    
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    
}
 
body::-webkit-scrollbar-thumb {
  background-color: #A8A8A8;
  outline: 1px solid #FFFFFF !important;
    border-radius: 50px !important;
}


.jumbotron{

    background-color: transparent !important;
    color: #fff;
}
.jumbotron p{
    font-size: 2rem !important;
}
.wrapper{
    height: auto;

    padding: 0rem 0rem 5rem 0rem;

}



a{
    text-decoration: none;
    color: #fff;
}
a:hover{
    text-decoration: none;
    color: #fff;
}

 

    .btn, .btn:link, .btn:visited {
       position: absolute;
       width: 100%;
       height: 5.5rem;
       text-transform: uppercase;
       color: #fff !important;
       font-weight: 700 !important;
       text-transform: capitalize;
       outline: none !important;
       font-size: 1.8rem;
       -webkit-transition: all .5s;
       -o-transition: all .5s;
       transition: all .5s;
       border: none;
       padding-left: 5.5rem;
      


    }
    .btn:hover {
       color: #fff !important; }
      
    
    .btn:active, .btn:focus {
      color: #fff !important;
      outline: none;
      -webkit-transform: translateY(-1px);
          -ms-transform: translateY(-1px);
              transform: translateY(-1px);
      -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
              box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); }


 footer{

     height: 5rem;
     background-color: #161C27;
     color: #fff;

     font-size: 2rem !important;
 }


/*Media Queries only for changing Background colors*/
@-webkit-keyframes Gradient {
 0% {
  background-position: 0% 50%
 }
 50% {
  background-position: 100% 50%
 }
 100% {
  background-position: 0% 50%
 }
}

@keyframes Gradient {
 0% {
  background-position: 0% 50%
 }
 50% {
  background-position: 100% 50%
 }
 100% {
  background-position: 0% 50%
 }
}