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

a {text-decoration: none; color: inherit}
.YongshiGranada {font-family: CabinetGrotesk-Regular; line-height: 1; margin: 0; font-size: 11.2vw; text-align: left;}
.YongshiGranadaMov {display: none}
.Sobremi {font-family: Satoshi-Bold; line-height: 1; margin: 0; font-size: 5vw; float: left}
.textoSobremi {font-family: Satoshi-Regular; line-height: 1.2; margin: 0; font-size: 1vw; text-align: justify; width: 98%;}
.textoExp, .textoEdu, .textoIdiomas, .textoHab, .textoHabTec {float: left;font-family: Satoshi-Bold; line-height: 1; margin: 0; font-size: 2vw}
.textoEdu1, .textoIdiomas1, .textoHab1, .textoHabTec1 {display: none; font-family: Satoshi-Bold; line-height: 1; margin: 0; font-size: 2vw}

.textoExpizq {display: block; margin: 0; width: 73%; float: left; font-family: Satoshi-Regular; line-height: 1; font-size: 1vw}
.textoExpizq1 {display: none; margin: 0; width: 75%; float: left; font-family: Satoshi-Regular; line-height: 1; font-size: 1vw}
.textoExpder {display: block; margin: 0; width: 25%; float: left; font-family: Satoshi-Regular; line-height: 1; font-size: 1vw; text-align: right}
.textoExpder1 {display: none; margin: 0; width: 25%; float: left; font-family: Satoshi-Regular; line-height: 1; font-size: 1vw; text-align: right}

.textoCol {display: block;  float: left; font-family: Satoshi-Regular; line-height: 1; font-size: 1vw; text-align: left; text-wrap: pretty;  hyphens: auto;  margin: 0; column-count: 3; column-gap: 0.5vw; height: 100%}
.textoCol1 {display: none; float: left; font-family: Satoshi-Regular; line-height: 1; font-size: 1vw; text-align: left; text-wrap: pretty;  hyphens: auto;  margin: 0; column-count: 3; column-gap: 0.5vw; height: 100%}

.textobanner {font-family: Satoshi-Italic; line-height: 1; font-size: 1vw; color: black; text-align: center; float: left; width: 10%}
.textobanner2{font-family: Satoshi-Italic; line-height: 1; font-size: 1vw; color: black; text-align: center; float: left; width: 10%; display: none}

.textobannerMov {display: none; font-family: Satoshi-Italic; line-height: 1; font-size: 1vw; color: black; text-align: left;}

.clickhereaboutme {width: 12vw; position: absolute; margin-left: 11.2vw; float: left; z-index: -1;}
.aboutme {width: 30%; margin-top: 2vw; transform: scale(6.8);}

.clickhereworkexperience {width: 12vw; position: absolute;  margin-left: 7.2vw; float: left; z-index: -1;}
.workexperience {width: 30%; transform: scale(4.8) rotate(5deg);}

.clickhereeducation {width: 12vw; position: absolute;  margin-left: 4vw; float: left; z-index: -1;}
.education {display: block;width: 30%; margin-top: 0.5vw; transform: scale(3.8);}
.education1 {display: none; width: 30%; margin-top: 0.5vw; transform: scale(3.8);}

.clickheretechnicalskills {width: 12vw; position: absolute;  margin-left: 7.2vw; float: left; z-index: -1;}
.technicalskills {width: 30%; transform: scale(4.8);}

.clickherelenguages {width: 12vw; position: absolute;  margin-left: 4.2vw; float: left; z-index: -1;}
.lenguages {display: block; width: 30%; transform: scale(2.8);}
.lenguages1 {display: none; width: 30%; transform: scale(2.8);}

.clickherekills {width: 12vw; position: absolute;  margin-left: 1.2vw; float: left; z-index: -1;}
.skillsA {display: block; width: 30%; transform: scale(1.8); transform: scale(1.8) translate(-11px, -6px)}
.skillsB {display: none; width: 30%; transform: scale(1.8); transform: scale(1.8) translate(-11px, -6px)}

@media (max-width: 480px) {
	.YongshiGranada {display: none}
	.YongshiGranadaMov {display: block;font-family: CabinetGrotesk-Regular; line-height: 1; margin: 0; font-size: 21vw; text-align: left;}
	.Sobremi {font-size: 8vw}
	.textoSobremi {font-size: 4vw}
	.textoExp, .textoEdu1, .textoIdiomas1, .textoHab1, .textoHabTec1 {display: block; font-size: 4vw; }
	.textoExpizq1, .textoExpder1 {display: block;  font-size: 4vw; width: 100%; line-height: 1.2;}
	.textoCol {display: none}
	.textoCol1 {display: block; line-height: 1.15; font-size: 4vw; text-align: left; text-wrap: pretty;  hyphens: auto;  margin: 0; column-count: 3; column-gap: 2vw; height: 100%}
	
	.textoEdu, .textoIdiomas, .textoHab, .textoHabTec, .textoExpizq, .textoExpder, .textoCol {display: none !important}
	.skills, .idiomas {font-size: 4vw}
	
	.textobanner, .textobanner2 {display: none}
	.textobannerMov {font-family: Satoshi-Regular; display: block; font-size: 4vw; margin: 0px; margin-bottom: 1vh}
	
	.aboutme {transform: scale(12.8) translate(0.7vw);}
	.workexperience {transform: scale(14.8) translate(1.3vw) rotate(5deg);}
	.education {display: none}
	.education1 {display: block; transform: scale(9.8) translate(1.2vw, -0.4vw) rotate(6deg)}
	.technicalskills {transform: scale(10.8) translate(0.9vw)}
	.lenguages {display: none;}
	.lenguages1 {display: block; width: 30%; transform: scale(6.8) translate(1vw, -0.5vw);}
	.skillsA {display: none;}
	.skillsB {display: block; width: 30%; transform: scale(1.8); transform: scale(5.8) translate(1px, -4px)}
	
	b{font-family: Satoshi-Bold;}
}