/* Animaciones menu mobile */
@-webkit-keyframes item-contacto {
	0% { height: 0% }
	50% { height: 110%; }
	100% { height: 100%; }
}
@keyframes item-contacto {
	0% { height: 0% }
	50% { height: 110%; }
	100% { height: 100%; }
}
@-webkit-keyframes item-habilidades {
	0% { height: 0% }
	50% { height: 90.71%; }
	100% { height: 83.333332%; }
}
@keyframes item-habilidades {
	0% { height: 0% }
	50% { height: 90.71%; }
	100% { height: 83.333332%; }
}
@-webkit-keyframes item-experiencia {
	0% { height: 0% }
	50% { height: 76.43%; }
	100% { height: 66.666666%; }
}
@keyframes item-experiencia {
	0% { height: 0% }
	50% { height: 76.43%; }
	100% { height: 66.666666%; }
}
@-webkit-keyframes item-web {
	0% { height: 0% }
	50% { height: 47.87%; }
	100% { height: 49.999999%; }
}
@keyframes item-web {
	0% { height: 0% }
	50% { height: 47.87%; }
	100% { height: 49.999999%; }
}
@-webkit-keyframes item-acerca-de {
	0% { height: 0% }
	50% { height: 33.59%; }
	100% { height: 33.333333%; }
}
@keyframes item-acerca-de {
	0% { height: 0% }
	50% { height: 33.59%; }
	100% { height: 33.333333%; }
}
@-webkit-keyframes item-inicio {
	0% { height: 0% }
	50% { height: 19.31%; }
	100% { height: 16.666666%; }
}
@keyframes item-inicio {
	0% { height: 0% }
	50% { height: 19.31%; }
	100% { height: 16.666666%; }
}
@-webkit-keyframes texto-menu {
	0% { bottom: 100vh; }
	50% { bottom: 2vh; }
	100% { bottom: 6.5vh; }
}
@keyframes texto-menu {
	0% { bottom: 100vh; }
	50% { bottom: 2vh; }
	100% { bottom: 6.5vh; }
}

/* Animaciones de habilidades */
@-webkit-keyframes barra-html {
    from {width: 0}
    to {width: 95%;}
}
@keyframes barra-html {
    from {width: 0}
    to {width: 95%;}
}
@-webkit-keyframes barra-css {
    from {width: 0}
    to {width: 95%;}
}
@keyframes barra-css {
    from {width: 0}
    to {width: 95%;}
}
@-webkit-keyframes barra-javas {
    from {width: 0}
    to {width: 90%;}
}
@keyframes barra-javas {
    from {width: 0}
    to {width: 90%;}
}
@-webkit-keyframes barra-angular {
	from {width: 0}
	to {width: 75%;}
}
@keyframes barra-angular {
	from {width: 0}
	to {width: 75%;}
}
@-webkit-keyframes barra-git {
	from {width: 0}
	to {width: 70%;}
}
@keyframes barra-git {
	from {width: 0}
	to {width: 70%;}
}
@-webkit-keyframes barra-jquery {
    from {width: 0}
    to {width: 87%;}
}
@keyframes barra-jquery {
    from {width: 0}
    to {width: 87%;}
}
@-webkit-keyframes barra-wordpress {
    from {width: 0}
    to {width: 85%;}
}
@keyframes barra-wordpress {
    from {width: 0}
    to {width: 85%;}
}
@-webkit-keyframes barra-unity {
	from {width: 0}
	to {width: 50%;}
}
@keyframes barra-unity {
	from {width: 0}
	to {width: 50%;}
}

.from-top {
	left: 50%;
	top: -100vh;
	position: absolute;
	transform: translate(-50%, -50%);
}
.from-bottom {
	left: 50%;
	top: 150vh;
	position: absolute;
	transform: translate(-50%, -50%);
}
.from-left {
	top: 50%;
	left: -100vw;
	position: absolute;
	transform: translate(-50%, -50%);
}
.from-right {
	top: 50%;
	left: 150vw;
	position: absolute;
	transform: translate(-50%, -50%);
}
.from-left-m {
	left: -100vw;
}
.from-right-m {
	right: -100vw;
}