/*****Custom CSS*******/


* {box-sizing: border-box}

.container-skills {
  width: 100%;
  background-color: #ddd;
}

.skills {
  text-align: right;
  padding-top:3px;
  padding-right: 20px;
  line-height: 15px;
  color: white;
}

.skill-set p{height:12px;}

.html-skills {width: 100%; font-size:12px; background-color: #4CAF50;}
.css-skills {width: 80%; font-size:12px; background-color: #2196F3;}
.js-skills {width: 90%; font-size:12px;background-color: #f44336;}
.php-skills {width: 90%; font-size:12px; background-color: #808080;}
.reactjs-skills {width: 30%; font-size:12px; background-color: #808080;}
.wordpress-skills {width: 80%; font-size:12px; background-color: #808080;}
.drupal-skills {width: 70%; font-size:12px; background-color: #808080;}
.magento-skills {width: 60%; font-size:12px; background-color: #b8b613;}
.aws-skills {width: 60%; font-size:12px; background-color: #808080;}
.php-skills {width: 95%; font-size:12px; background-color: #d16d2a;}
.responsive-skills {width: 100%; font-size:12px; background-color: #b74eca;}
.bootstrap-skills {width: 90%; font-size:12px;background-color: #622d6c;}
.mysql-skills {width: 100%; font-size:12px; background-color: #808080;}
.ux-skills {width: 80%; font-size:12px; background-color: #2196F3;}
.aws-skills {width: 90%; font-size:12px; background-color: #f44336;}
.restfulapi-skills {width: 100%; font-size:12px; background-color: #808080;}
.git-skills {width: 70%; font-size:12px; background-color: #d16d2a;}
.tailwind-skills {width: 70%; font-size:12px; background-color: #808080;}
.cake-skills {width: 70%; font-size:12px; background-color: #808080;}


#success-contact{display:none; text-align:center; background:#267f03; color:#fff; padding:10px;}