Primer lanzamiento
Sin experiencia y sin foto mía
This commit is contained in:
1 parent
d9db18d987
commit
d23198c96f
8 files changed
+128
-47
No files matched your search
+3
-4
@@ -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
@@ -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
@@ -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;
|
||||
*/
|
||||
}
|
||||
Reference in new issue
Block a user