@charset "utf-8";
/* CSS Document */

/*--- SKILLS ---*/
.progress-height {
	height: 4px;
}
.sps {
	
	}
.sps--blw {
	
	}
.sps.sps--blw.aiBar {
	background-color: #FF9A00;
	-webkit-animation-name: aiXP;
	animation-name: aiXP;
}
.sps.sps--blw.psBar {
	background-color: #31A8FF;
	-webkit-animation-name: psXP;
	animation-name: psXP;
}
.sps.sps--blw.idBar {
	background-color: #FF3366;
	-webkit-animation-name: idXP;
	animation-name: idXP;
}
.sps.sps--blw.dwBar {
	background-color: #FF61F6;
	-webkit-animation-name: dwXP;
	animation-name: dwXP;
}
.sps.sps--blw.htmlBar {
	background-color: #E34C26;
	-webkit-animation-name: htmlXP;
	animation-name: htmlXP;
}
.sps.sps--blw.cssBar {
	background-color: #0277BD;
	-webkit-animation-name: cssXP;
	animation-name: cssXP;
}
.sps.aiBar, .psBar, .idBar, .dwBar, .htmlBar, .cssBar {
	width: 0%;
	-webkit-animation-duration: 4.4s;
	animation-duration: 4.4s;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-delay: 0s;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes aiXP {
from {
width: 0%;
}
to {
width: 95%;
}
}
/* Standard syntax */
@keyframes aiXP {
from {
width: 0%;
}
to {
width: 95%;
}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes psXP {
from {
width: 0%;
}
to {
width: 93%;
}
}
/* Standard syntax */
@keyframes psXP {
from {
width: 0%;
}
to {
width: 93%;
}
}
/* Standard syntax */
@keyframes idXP {
from {
width: 0%;
}
to {
width: 85%;
}
}
    /* Safari 4.0 - 8.0 */
@-webkit-keyframes idXP {
from {
width: 0%;
}
to {
width: 85%;
}
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes dwXP {
from {
width: 0%;
}
to {
width: 90%;
}
}
/* Standard syntax */
@keyframes dwXP {
from {
width: 0%;
}
to {
width: 90%;
}
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes htmlXP {
from {
width: 0%;
}
to {
width: 94%;
}
}
/* Standard syntax */
@keyframes htmlXP {
from {
width: 0%;
}
to {
width: 94%;
}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes cssXP {
from {
width: 0%;
}
to {
width: 94%;
}
}
/* Standard syntax */
@keyframes cssXP {
from {
width: 0%;
}
to {
width: 94%;
}
}