/* UNFUCK FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'ForkAwesome';
  src: url('../fonts/forkawesome-webfont.eot');
  src: url('../fonts/forkawesome-webfont.eot') format('embedded-opentype'), url('../fonts/forkawesome-webfont.woff2') format('woff2'), url('../fonts/forkawesome-webfont.woff') format('woff'), url('../fonts/forkawesome-webfont.ttf') format('truetype'), url('../fonts/forkawesome-webfont.svg#forkawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* UNFUCK FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'ForkAwesome';
  src: url('/fonts/forkawesome-webfont.eot');
  src: url('/fonts/forkawesome-webfont.eot') format('embedded-opentype'), url('/fonts/forkawesome-webfont.woff2') format('woff2'), url('/fonts/forkawesome-webfont.woff') format('woff'), url('/fonts/forkawesome-webfont.ttf') format('truetype'), url('/fonts/forkawesome-webfont.svg#forkawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/* UNFUCK FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'ForkAwesome';
  src: url('forkawesome-webfont.eot');
  src: url('/fonts/forkawesome-webfont.eot') format('embedded-opentype'), url('forkawesome-webfont.woff2') format('woff2'), url('forkawesome-webfont.woff') format('woff'), url('forkawesome-webfont.ttf') format('truetype'), url('forkawesome-webfont.svg#forkawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
/*#ufdfd
/*# Shawwal 13, 1444*/

.skillbar {
  color: beige;
}
.skillbar:first-of-type .skillbar-bar {
  color: beige;
  background-color: blue;
}

.skillbar:last-of-type .skillbar-bar{
  background-color: crimson;}

.skillbar:first-child .skillbar-bar {
  color: beige;
  background-color: blue;
}

.skillbar:last-child .skillbar-bar,div.clearfix:nth-child(3) > div:nth-child(2) > div:nth-child(1){
  background-color: crimson;background-color: orange;yellow}

div.skillbar:nth-child(1) > *,div.clearfix:nth-child(1) > div:nth-child(2) > div:nth-child(1) {
  color: beige;
  background-color: blue;
}

div.skillbar:nth-child(2) > :nth-child(1) {
  background-color: crimson;}