/*Start Tab css*/
.wrapper{
  text-align:center;
  margin: 0 auto 50px;
}

.alura-tabs{
  font-size: 15px;
  padding: 0px;
  list-style: none;
  background: #fff;
  box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
  display: inline-block;
  border-radius: 50px;
  position:relative;
}

.alura-tabs a{
  text-decoration: none;
  color: #777;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
  position: relative;
  z-index: 1;
  transition-duration: 0.6s;
}

.alura-tabs a.active{
  color: #fff;
}

.alura-tabs a i{
  margin-right: 5px;
}

.alura-tabs .alura-tab-selector{
  height:100%;
  display:inline-block;
  position:absolute;
  left:0px;
  top:0px;
  z-index:1;
  border-radius:50px;
  transition-duration:0.6s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05abe0', endColorstr='#8200f4',GradientType=1 );
}

/* On screens that are 575px or less */
@media screen and (max-width: 575px){
    .alura-tabs a{
        padding:10px 8px;
    }  
}
/*End Tab css*/