body{
  background-image: url(http://www.kennethgomezart.com/img/kenneth-gomez-art-portfolio-background.jpg);
  background-repeat:repeat;
  background-attachment: fixed;
}
.jumbotron {
  height: 400px;
  font-family:Major Mono Display;
  margin-left: 20px;
  margin-right: 20px;
}
.navbar-nav
{
  font-family: Baloo Thambi;
}
.navbar-brand{
  font-family: Baloo Thambi;
}
#abc{
    background-color: yellow;
  padding-left: 20px;
  margin-right:1400px;
  font-family: Pacifico;
  color: purple;
}
.list-group{
  margin-left: 220px;
  font-family: Baloo Thambi;
}
#cplus,#c{
  width:200px;

}
#ha{
    background-color: yellow;
  padding-left: 20px;
  margin-right:1200px;
  font-family: Pacifico;
  color: purple;
}
#honor{
  margin-left: 20px;
  margin-right: 20px;
  font-family: Pacifico;
}
#table,#table2{
  font-family: Baloo Thambi;
  margin-left: 200px;
  color:white;
   width:1200px;
}
#li{
  background-color: yellow;
padding-left: 20px;
margin-right:1300px;
font-family: Pacifico;
color: purple;
}
#ru{
  background-color: yellow;
padding-left: 20px;
margin-right:1360px;
font-family: Pacifico;
color: purple;
}
button{
  background-color: black;
  border-radius: 2px;
  border:none;
}
#one:link, #one:visited {
  background-color: #f44336;
  color: white;
  padding: 15px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

#one:hover, #one:active {
  background-color: #FFCA33;
}
.header {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  background-color: #f1f1f1;
}
.progress-container {
  width: 100%;
  height: 8px;
  background: #ccc;
}

.progress-bar {
  height: 8px;
  background: #4caf50;
  width: 0%;
}
.header {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  background-color: #111111;
}
/* Make sure that padding behaves as expected */
* {box-sizing:border-box}

/* Container for skill bars */
.container {
  width: 100%; /* Full width */
  background-color: #ddd; /* Grey background */
}

.skills {
  text-align: right; /* Right-align text */
  padding: 10px; /* Add some padding */
  color: white; /* White text color */
}

.html {width: 90%; background-color: #4CAF50;} /* Green */
.css {width: 90%; background-color: #2196F3;} /* Blue */
.js {width: 65%; background-color: #f44336;} /* Red */
.php {width: 60%; background-color: #808080;} /* Dark Grey */
#skillbar{
    color: white;
    padding-left: 30px;
    font-family:Baloo Thambi;
}
