Primer lanzamiento

Sin experiencia y sin foto mía
This commit is contained in:
T-Royale committed 2025-06-16 00:32:10 +02:00
1 parent d9db18d987
commit d23198c96f
8 files changed
+128 -47

No files matched your search

+3 -4
View File
@@ -1,10 +1,9 @@
body {
background-color: #181818;
justify-self: center;
text-align: center;
font-family: AgaveNerdFont;
}
.title {
text-align: center;
font-size: 5.75vh;
color: #ffffff;
}
@@ -17,10 +16,10 @@ body {
margin: 2.5vh;
}
#texto {
margin-left: 10vw;
color: #ffffff;
font-size: 3.5vh;
text-align: justify;
line-height: 150%;
padding-left: 3vw;
padding-right: 35vw; /*Padding para la imagen*/
padding-right: 10vw; /*35 cuando ponga la imágen*/
}
+4 -3
View File
@@ -1,10 +1,10 @@
#imageTeo {
/*
#imageTeo {
position: absolute;
left: 70vw;
top: 20vh;
width: 20vw;
height: 40vh;
/*"Insertar Imágen"*/
background-color:dimgrey;
justify-content: center;
display: flex;
@@ -12,4 +12,5 @@
align-items: center;
font-size: 5vw;
border-radius: 2.5%;
}
}
*/
+34 -10
View File
@@ -8,6 +8,11 @@
100% { transform: rotate(0deg); }
}
p {
margin-top: 1vh;
margin-bottom: 1vh;
}
#hi {
color: rgb(9, 255, 0);
display: inline-block;
@@ -28,15 +33,30 @@
#sobreMi {
color: #0084ff;
}
.puntosSobreMi{
padding-left: 2vw;
}
.puntosSobreMi::first-letter {
color: #0084ff;
}
#techStack {
.puntosExperiencia {
padding-left: 2vw;
}
#experiencia {
color: yellow;
}
.puntosTech::first-letter {
.puntosExperiencia::first-letter {
color: yellow;
}
#tecnologias{
color: #00ff40;
}
.puntoTecnologías {
margin-left: 2vw;
}
.puntoTecnologías::first-letter{
color: #00ff40;
}
#techIcons { /*div donde están los iconos*/
display: flex;
flex-direction: row;
@@ -46,20 +66,24 @@
justify-self: center;
justify-content: space-evenly;
align-items: center;
margin-top: 1.5vh;
margin-top: 3vh;
}
.techIcon { /*Propiedades para todos los iconos*/
width: 5vw;
.techIcon { /*Propiedades de cada uno de los iconos*/
width: 5.5vw;
transition: all 0.3s ease-in-out;
}
.techIcon:hover{
width: 7.5vw;
}
#techDescription {
display: flex;
height: 10vh;
justify-content: center;
align-items: center;
#techDescription {
color: white;
transition: all 0.25s ease-in-out;
/*
align-items: center;
font-size: 5vh;
display: flex;
justify-content: center;
height: 10vh;
*/
}