/* Make sure that padding behaves as expected */
* {box-sizing:border-box}

/* Container for skill bars */
.container {
  width: 50%; /* Half width */
  background-color: #ddd; /* Grey background */
  height:25px;
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 0 10px #2187e7;
}

.skills {
  text-align: right; /* Right-align text */
  color: black; /* White text color */
}

.html {
    width: 90%;
    animation:html 2s;
    background-color: orange;
} 
@keyframes html{
    0%{
        width: 0%;
    }
    100%{
        width: 90%;
    }
}
.css {
    width: 80%;
    animation: css 2s;
    background-color:orange;
} 
@keyframes css{
    0%{
        width: 0%;
    }
    100%{
        width: 80%;
    }
}
.py {
    width: 90%;
    animation: py 2s;
    background-color:orange;
}
@keyframes py{
    0%{
        width: 0%;
    }
    100%{
        width: 90%;
    }
} 
.js {
    width: 70%;
    animation: js 2s;
    background-color:orange;
}
@keyframes js{
    0%{
        width: 0%;
    }
    100%{
        width: 70%;
    }
} 
.ang {
    width: 80%;
    animation: ang 2s;
    background-color: orange;
}
@keyframes ang{
    0%{
        width: 0%;
    }
    100%{
        width: 80%;
    }
} 
.ml {width: 80%;
    animation: ml 2s;
    background-color:orange;
}
@keyframes ml{
    0%{
        width: 0%;
    }
    100%{
        width: 80%;
    }
} 
.dl {
    width: 70%;
    animation:dl 2s;
    background-color:orange;
}
@keyframes dl{
    0%{
        width: 0%;
    }
    100%{
        width: 70%;
    }
} 
.ws {
    width: 90%;
    animation: ws 2s;
    background-color:orange;
}
@keyframes ws{
    0%{
        width: 0%;
    }
    100%{
        width: 90%;
    }
}
.carousel {
    background:black;
}
.carousel-inner img {
    margin: auto;
  }

.python  {
color: purple;
margin-bottom:20px;
}
.machine{
    color: black;
    margin-bottom:0px;
}
.google{
    color:white ;
    margin-bottom:0px;
}
.amazon{
    color: white;
    margin-bottom:0px;
}
.bootstrap{
    color:black ;
    margin-bottom:0px; 
}