-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
265 lines (209 loc) · 44.1 KB
/
index.html
File metadata and controls
265 lines (209 loc) · 44.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><meta name="generator" content="Gatsby 2.26.1"/><title data-react-helmet="true">Erickowski Portfolio</title><link data-react-helmet="true" rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"/><link data-react-helmet="true" rel="preconnect" href="https://fonts.gstatic.com"/><link data-react-helmet="true" href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto:wght@700&display=swap" rel="stylesheet"/><meta data-react-helmet="true" name="description" content="Frontend Developer Mexicano y apasionado por la tecnología."/><link rel="icon" href="/favicon-32x32.png?v=2f776209459cf2870762f8e26211e93a" type="image/png"/><link rel="manifest" href="/manifest.webmanifest" crossorigin="anonymous"/><meta name="theme-color" content="#663399"/><link rel="apple-touch-icon" sizes="48x48" href="/icons/icon-48x48.png?v=2f776209459cf2870762f8e26211e93a"/><link rel="apple-touch-icon" sizes="72x72" href="/icons/icon-72x72.png?v=2f776209459cf2870762f8e26211e93a"/><link rel="apple-touch-icon" sizes="96x96" href="/icons/icon-96x96.png?v=2f776209459cf2870762f8e26211e93a"/><link rel="apple-touch-icon" sizes="144x144" href="/icons/icon-144x144.png?v=2f776209459cf2870762f8e26211e93a"/><link rel="apple-touch-icon" sizes="192x192" href="/icons/icon-192x192.png?v=2f776209459cf2870762f8e26211e93a"/><link rel="apple-touch-icon" sizes="256x256" href="/icons/icon-256x256.png?v=2f776209459cf2870762f8e26211e93a"/><link rel="apple-touch-icon" sizes="384x384" href="/icons/icon-384x384.png?v=2f776209459cf2870762f8e26211e93a"/><link rel="apple-touch-icon" sizes="512x512" href="/icons/icon-512x512.png?v=2f776209459cf2870762f8e26211e93a"/><link as="script" rel="preload" href="/webpack-runtime-d36f3882d7dd2495a5a2.js"/><link as="script" rel="preload" href="/framework-29ba174b433dc5858bed.js"/><link as="script" rel="preload" href="/app-ee58f444adbce9ee6a5f.js"/><link as="script" rel="preload" href="/commons-d00060eade95b6651182.js"/><link as="script" rel="preload" href="/component---src-pages-index-jsx-1b48c0becc0b8d9cc37c.js"/><link as="fetch" rel="preload" href="/page-data/index/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/1124938644.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/1536852505.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/1820327569.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/sq/d/783679571.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><style data-emotion="css-global 7dg28k">:root{--black:#131112;--white:#f4f4f6;--bold:"Roboto",sans-serif;--regular:"Lato",sans-serif;}html{font-size:62.5%;box-sizing:border-box;max-width:100vw;position:relative;}*,*:before,*:after{box-sizing:inherit;}body{font-size:16px;font-size:1.6rem;font-family:var(--regular);}h1,h2{font-family:var(--bold);margin:0;}ul{list-style:none;padding:0;margin:0;}main{margin:0 auto;max-width:1300px;}.downland__button,.payment__button{position:fixed;padding:7.5px;border-radius:20px;border:none;-webkit-text-decoration:none;text-decoration:none;color:white;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}.downland__button svg,.payment__button svg{width:25px;height:25px;color:white;}.downland__button span,.payment__button span{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;display:none;font-size:1rem;}.downland__button:hover svg,.payment__button:hover svg{margin-right:5px;}.downland__button:hover span,.payment__button:hover span{display:block;}.downland__button{background-color:#49d49d;bottom:10px;left:10px;}.downland__button:hover svg{margin-right:5px;}.payment__button{background-color:#0197f6;bottom:10px;right:10px;}.payment__button span{text-align:center;}.payment__button:hover{left:10px;}.payment__button:hover svg{margin-left:5px;}@media (min-width: 424px){.downland__button svg,.payment__button svg{width:35px;height:35px;}.downland__button span,.payment__button span{font-size:1.5rem;}}@media (min-width: 499px){.payment__button:hover{left:30vw;}}@media (min-width: 767px){.payment__button:hover{left:50vw;}}</style><style data-emotion="css y0eqht-HeaderContainer">.css-y0eqht-HeaderContainer{height:50px;background-color:var(--black);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0 10px;}.css-y0eqht-HeaderContainer .title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-text-decoration:none;text-decoration:none;}.css-y0eqht-HeaderContainer .title svg{margin-right:10px;}.css-y0eqht-HeaderContainer .title h1{color:var(--white);font-size:1.5rem;margin:0;}.css-y0eqht-HeaderContainer svg{width:20px;height:20px;}.css-y0eqht-HeaderContainer .menu__list{display:none;}@media (min-width: 600px){.css-y0eqht-HeaderContainer{height:75px;}.css-y0eqht-HeaderContainer .title svg{margin-right:25px;}.css-y0eqht-HeaderContainer .title h1{font-size:3.2rem;}.css-y0eqht-HeaderContainer svg{width:40px;height:40px;}}@media (min-width: 767px){.css-y0eqht-HeaderContainer .title svg{margin-right:10px;}.css-y0eqht-HeaderContainer .title h1{font-size:2rem;}.css-y0eqht-HeaderContainer .title svg{width:30px;height:30px;}.css-y0eqht-HeaderContainer .menu__button{display:none;}.css-y0eqht-HeaderContainer .menu__list{display:block;}.css-y0eqht-HeaderContainer .menu__list li{display:inline-block;margin-right:10px;}.css-y0eqht-HeaderContainer .menu__list li:last-child{margin-right:0;}.css-y0eqht-HeaderContainer .menu__list li a{-webkit-text-decoration:none;text-decoration:none;color:var(--white);}}</style><header class="css-y0eqht-HeaderContainer e1ciir2z0"><a aria-current="page" class="title" href="/"><svg width="36" height="36" viewBox="0 0 36 36" fill="none"><path d="M17.9844 0.98047C8.32422 0.976564 0.5 8.79688 0.5 18.4492C0.5 26.082 5.39453 32.5703 12.2109 34.9531C13.1289 35.1836 12.9883 34.5312 12.9883 34.0859V31.0586C7.6875 31.6797 7.47266 28.1719 7.11719 27.5859C6.39844 26.3594 4.69922 26.0469 5.20703 25.4609C6.41406 24.8398 7.64453 25.6172 9.07031 27.7227C10.1016 29.25 12.1133 28.9922 13.1328 28.7383C13.3555 27.8203 13.832 27 14.4883 26.3633C8.99609 25.3789 6.70703 22.0273 6.70703 18.043C6.70703 16.1094 7.34375 14.332 8.59375 12.8984C7.79688 10.5352 8.66797 8.51172 8.78516 8.21094C11.0547 8.00781 13.4141 9.83594 13.5977 9.98047C14.8867 9.63281 16.3594 9.44922 18.0078 9.44922C19.6641 9.44922 21.1406 9.64063 22.4414 9.99219C22.8828 9.65625 25.0703 8.08594 27.1797 8.27735C27.293 8.57813 28.1445 10.5547 27.3945 12.8867C28.6602 14.3242 29.3047 16.1172 29.3047 18.0547C29.3047 22.0469 27 25.4023 21.4922 26.3711C21.9639 26.835 22.3385 27.3883 22.5941 27.9987C22.8496 28.609 22.981 29.2641 22.9805 29.9258V34.3203C23.0117 34.6719 22.9805 35.0195 23.5664 35.0195C30.4844 32.6875 35.4648 26.1523 35.4648 18.4531C35.4648 8.79688 27.6367 0.98047 17.9844 0.98047Z" fill="#F4F4F6"></path></svg><h1>ERICKOWSKI.GITHUB.IO</h1></a><a class="menu__button" href="/menu"><svg width="40" height="30" viewBox="0 0 40 30" fill="none"><path d="M40 6V0H0V6H40ZM40 18V12H0V18H40ZM40 30V24H0V30H40Z" fill="#F4F4F6"></path></svg></a><ul class="menu__list"><li><a aria-current="page" class="" href="/">Inicio</a></li><li><a href="/blog">Blog</a></li><li><a href="/projects">Proyectos</a></li><li><a href="/about-me">Sobre mí</a></li><li><a href="/testimonials">Testimonios</a></li></ul></header><main><style data-emotion="css 1yri5tb-HeroContainer">.css-1yri5tb-HeroContainer{height:30vh;background-color:var(--black);color:var(--white);border-radius:0 0 30px 30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}.css-1yri5tb-HeroContainer .content{position:absolute;z-index:2;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}.css-1yri5tb-HeroContainer .content h1,.css-1yri5tb-HeroContainer .content h2{margin:0;}.css-1yri5tb-HeroContainer .content h2{margin-bottom:10px;}.css-1yri5tb-HeroContainer >picture{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;-webkit-animation:animate 8s ease-in-out infinite;animation:animate 8s ease-in-out infinite;}.css-1yri5tb-HeroContainer >picture.star-0{-webkit-animation-delay:0s;animation-delay:0s;}.css-1yri5tb-HeroContainer >picture.star-1{-webkit-animation-delay:-1s;animation-delay:-1s;}.css-1yri5tb-HeroContainer >picture.star-2{-webkit-animation-delay:-2s;animation-delay:-2s;}.css-1yri5tb-HeroContainer >picture.star-3{-webkit-animation-delay:-3s;animation-delay:-3s;}.css-1yri5tb-HeroContainer >picture.star-4{-webkit-animation-delay:-4s;animation-delay:-4s;}.css-1yri5tb-HeroContainer >picture.star-5{-webkit-animation-delay:-5s;animation-delay:-5s;}.css-1yri5tb-HeroContainer >picture.star-6{-webkit-animation-delay:-6s;animation-delay:-6s;}.css-1yri5tb-HeroContainer >picture.star-7{-webkit-animation-delay:-7s;animation-delay:-7s;}@-webkit-keyframes animate{0%,20%,40%,60%,80%,100%{opacity:0;}10%,30%,50%,70%,90%{opacity:1;}}@keyframes animate{0%,20%,40%,60%,80%,100%{opacity:0;}10%,30%,50%,70%,90%{opacity:1;}}@media (min-width: 600px){.css-1yri5tb-HeroContainer{height:50vh;}.css-1yri5tb-HeroContainer .content h1{font-size:7.2rem;}.css-1yri5tb-HeroContainer .content h2{font-size:4.8rem;}}</style><section class="css-1yri5tb-HeroContainer erjuen81"><picture class="star-0"><style data-emotion="css jjrut2-ImageBackground">.css-jjrut2-ImageBackground{width:100%;height:100%;}</style><div class="css-jjrut2-ImageBackground erjuen80" style="background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;opacity:0.99"><style>
.css-jjrut2-ImageBackground.erjuen80:before,
.css-jjrut2-ImageBackground.erjuen80:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: opacity 0.5s ease 250ms;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.css-jjrut2-ImageBackground.erjuen80:before {
z-index: -100;
opacity: 1;
}
.css-jjrut2-ImageBackground.erjuen80:after {
z-index: -101;
}
</style><noscript><style>
.css-jjrut2-ImageBackground.erjuen80:before {
opacity: 1;
background-image: url('/static/625e6cad5a695d43e1a29f9cb9fb776a/ee604/star1.png');
}</style></noscript></div></picture><picture class="star-1"><div class="css-jjrut2-ImageBackground erjuen80 gbi--2059818022-nA8X6amRZ1BhipYPeYHnMo" style="background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;opacity:0.99"><style>
.css-jjrut2-ImageBackground.erjuen80.gbi--2059818022-nA8X6amRZ1BhipYPeYHnMo:before,
.css-jjrut2-ImageBackground.erjuen80.gbi--2059818022-nA8X6amRZ1BhipYPeYHnMo:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: opacity 0.5s ease 250ms;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.css-jjrut2-ImageBackground.erjuen80.gbi--2059818022-nA8X6amRZ1BhipYPeYHnMo:before {
z-index: -100;
opacity: 1;
}
.css-jjrut2-ImageBackground.erjuen80.gbi--2059818022-nA8X6amRZ1BhipYPeYHnMo:after {
z-index: -101;
}
</style><noscript><style>
.css-jjrut2-ImageBackground.erjuen80.gbi--2059818022-nA8X6amRZ1BhipYPeYHnMo:before {
opacity: 1;
background-image: url('/static/da5717ace27d22d9cca91c740a5e9dee/ee604/star2.png');
}</style></noscript></div></picture><picture class="star-2"><div class="css-jjrut2-ImageBackground erjuen80 gbi--1511126400-9acHPTwpReK12BKQEp5WCy" style="background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;opacity:0.99"><style>
.css-jjrut2-ImageBackground.erjuen80.gbi--1511126400-9acHPTwpReK12BKQEp5WCy:before,
.css-jjrut2-ImageBackground.erjuen80.gbi--1511126400-9acHPTwpReK12BKQEp5WCy:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: opacity 0.5s ease 250ms;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.css-jjrut2-ImageBackground.erjuen80.gbi--1511126400-9acHPTwpReK12BKQEp5WCy:before {
z-index: -100;
opacity: 1;
}
.css-jjrut2-ImageBackground.erjuen80.gbi--1511126400-9acHPTwpReK12BKQEp5WCy:after {
z-index: -101;
}
</style><noscript><style>
.css-jjrut2-ImageBackground.erjuen80.gbi--1511126400-9acHPTwpReK12BKQEp5WCy:before {
opacity: 1;
background-image: url('/static/f8356fb9cf6969ec13c62b0d2f1e9c88/ee604/star4.png');
}</style></noscript></div></picture><picture class="star-3"><div class="css-jjrut2-ImageBackground erjuen80 gbi-2016350045-iqhev2ixLMHp9TwaX4oNda" style="background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;opacity:0.99"><style>
.css-jjrut2-ImageBackground.erjuen80.gbi-2016350045-iqhev2ixLMHp9TwaX4oNda:before,
.css-jjrut2-ImageBackground.erjuen80.gbi-2016350045-iqhev2ixLMHp9TwaX4oNda:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: opacity 0.5s ease 250ms;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.css-jjrut2-ImageBackground.erjuen80.gbi-2016350045-iqhev2ixLMHp9TwaX4oNda:before {
z-index: -100;
opacity: 1;
}
.css-jjrut2-ImageBackground.erjuen80.gbi-2016350045-iqhev2ixLMHp9TwaX4oNda:after {
z-index: -101;
}
</style><noscript><style>
.css-jjrut2-ImageBackground.erjuen80.gbi-2016350045-iqhev2ixLMHp9TwaX4oNda:before {
opacity: 1;
background-image: url('/static/3b700035ec6a8b66a84a1dfa009d00e6/ee604/star3.png');
}</style></noscript></div></picture><picture class="star-4"><div class="css-jjrut2-ImageBackground erjuen80 gbi--499538259-weQ4wk2jAP39jkeov4rLEP" style="background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;opacity:0.99"><style>
.css-jjrut2-ImageBackground.erjuen80.gbi--499538259-weQ4wk2jAP39jkeov4rLEP:before,
.css-jjrut2-ImageBackground.erjuen80.gbi--499538259-weQ4wk2jAP39jkeov4rLEP:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: opacity 0.5s ease 250ms;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.css-jjrut2-ImageBackground.erjuen80.gbi--499538259-weQ4wk2jAP39jkeov4rLEP:before {
z-index: -100;
opacity: 1;
}
.css-jjrut2-ImageBackground.erjuen80.gbi--499538259-weQ4wk2jAP39jkeov4rLEP:after {
z-index: -101;
}
</style><noscript><style>
.css-jjrut2-ImageBackground.erjuen80.gbi--499538259-weQ4wk2jAP39jkeov4rLEP:before {
opacity: 1;
background-image: url('/static/802c13ccdcbdff21ae57f9db5c32d185/ee604/star5.png');
}</style></noscript></div></picture><picture class="star-5"><div class="css-jjrut2-ImageBackground erjuen80 gbi--607382339-gS6KkBG7C7wNFaXupojQDu" style="background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;opacity:0.99"><style>
.css-jjrut2-ImageBackground.erjuen80.gbi--607382339-gS6KkBG7C7wNFaXupojQDu:before,
.css-jjrut2-ImageBackground.erjuen80.gbi--607382339-gS6KkBG7C7wNFaXupojQDu:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: opacity 0.5s ease 250ms;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.css-jjrut2-ImageBackground.erjuen80.gbi--607382339-gS6KkBG7C7wNFaXupojQDu:before {
z-index: -100;
opacity: 1;
}
.css-jjrut2-ImageBackground.erjuen80.gbi--607382339-gS6KkBG7C7wNFaXupojQDu:after {
z-index: -101;
}
</style><noscript><style>
.css-jjrut2-ImageBackground.erjuen80.gbi--607382339-gS6KkBG7C7wNFaXupojQDu:before {
opacity: 1;
background-image: url('/static/947906d8cf28b84976c329b5275c21a3/ee604/star6.png');
}</style></noscript></div></picture><picture class="star-6"><div class="css-jjrut2-ImageBackground erjuen80 gbi-211439323-dfocDn14UkTeSZHQYrkRzX" style="background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;opacity:0.99"><style>
.css-jjrut2-ImageBackground.erjuen80.gbi-211439323-dfocDn14UkTeSZHQYrkRzX:before,
.css-jjrut2-ImageBackground.erjuen80.gbi-211439323-dfocDn14UkTeSZHQYrkRzX:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: opacity 0.5s ease 250ms;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.css-jjrut2-ImageBackground.erjuen80.gbi-211439323-dfocDn14UkTeSZHQYrkRzX:before {
z-index: -100;
opacity: 1;
}
.css-jjrut2-ImageBackground.erjuen80.gbi-211439323-dfocDn14UkTeSZHQYrkRzX:after {
z-index: -101;
}
</style><noscript><style>
.css-jjrut2-ImageBackground.erjuen80.gbi-211439323-dfocDn14UkTeSZHQYrkRzX:before {
opacity: 1;
background-image: url('/static/77eac06ed97d1aaf9f63d880d6783aed/ee604/star7.png');
}</style></noscript></div></picture><picture class="star-7"><div class="css-jjrut2-ImageBackground erjuen80 gbi--400433125-pdqWw2fTtengQAZyZGq6Az" style="background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;opacity:0.99"><style>
.css-jjrut2-ImageBackground.erjuen80.gbi--400433125-pdqWw2fTtengQAZyZGq6Az:before,
.css-jjrut2-ImageBackground.erjuen80.gbi--400433125-pdqWw2fTtengQAZyZGq6Az:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
transition: opacity 0.5s ease 250ms;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.css-jjrut2-ImageBackground.erjuen80.gbi--400433125-pdqWw2fTtengQAZyZGq6Az:before {
z-index: -100;
opacity: 1;
}
.css-jjrut2-ImageBackground.erjuen80.gbi--400433125-pdqWw2fTtengQAZyZGq6Az:after {
z-index: -101;
}
</style><noscript><style>
.css-jjrut2-ImageBackground.erjuen80.gbi--400433125-pdqWw2fTtengQAZyZGq6Az:before {
opacity: 1;
background-image: url('/static/fdbea80cdd19aa3ea8740856452012bd/ee604/star8.png');
}</style></noscript></div></picture><div class="content"><h1>Erick Mata</h1><h2>Frontend UI Developer</h2><style data-emotion="css mmriad-ButtonContainer">.css-mmriad-ButtonContainer{width:150px;height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--bold);background:transparent;border:2px solid var(--white);position:relative;}.css-mmriad-ButtonContainer a{color:var(--white);-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;}.css-mmriad-ButtonContainer a span{position:relative;z-index:2;-webkit-transition:color 0.5s;transition:color 0.5s;transition-delay:1.25s;}.css-mmriad-ButtonContainer a:hover span{color:var(--black);}.css-mmriad-ButtonContainer a::before{content:"";position:absolute;left:-20px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:2px;background:var(--white);box-shadow:5px -8px 0 var(--white),5px 8px 0 var(--white);-webkit-transition:width 0.5s,left 0.5s,height 0.5s,box-shadow 0.5s;transition:width 0.5s,left 0.5s,height 0.5s,box-shadow 0.5s;transition-delay:1s,0.5s,0s,0s;}.css-mmriad-ButtonContainer a:hover::before{width:60%;height:100%;left:-2px;box-shadow:5px 0 0 var(--white),5px 0 0 var(--white);transition-delay:0s,0.5s,1s,1s;}.css-mmriad-ButtonContainer a::after{content:"";position:absolute;right:-20px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:20px;height:2px;background:var(--white);box-shadow:-5px -8px 0 var(--white),-5px 8px 0 var(--white);-webkit-transition:width 0.5s,right 0.5s,height 0.5s,box-shadow 0.5s;transition:width 0.5s,right 0.5s,height 0.5s,box-shadow 0.5s;transition-delay:1s,0.5s,0s,0s;}.css-mmriad-ButtonContainer a:hover::after{width:60%;height:100%;right:-2px;box-shadow:-5px 0 0 var(--white),-5px 0 0 var(--white);transition-delay:0s,0.5s,1s,1s;}@media (min-width: 600px){.css-mmriad-ButtonContainer{width:200px;height:80px;font-size:2.8rem;}}</style><button color="var(--white)" class="css-mmriad-ButtonContainer e1v9z25b0"><a href="/about-me"><span> <!-- -->saber más</span></a></button></div></section><style data-emotion="css 1r6gjfj-ProjectsContainer">.css-1r6gjfj-ProjectsContainer{padding:25px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.css-1r6gjfj-ProjectsContainer h2,.css-1r6gjfj-ProjectsContainer .projects__container{margin-bottom:10px;}.css-1r6gjfj-ProjectsContainer .projects__container a{margin-bottom:10px;}.css-1r6gjfj-ProjectsContainer .projects__container a:last-child{margin-bottom:0;}@media (min-width: 600px){.css-1r6gjfj-ProjectsContainer h2{font-size:3.6rem;}.css-1r6gjfj-ProjectsContainer .projects__container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:10px;}.css-1r6gjfj-ProjectsContainer .projects__container a:nth-of-type(1){grid-column:1/2;grid-row:1/3;height:400px;}.css-1r6gjfj-ProjectsContainer .projects__container a:nth-of-type(2){grid-column:2/3;grid-row:1/2;}.css-1r6gjfj-ProjectsContainer .projects__container a:nth-of-type(3){grid-column:2/3;grid-row:2/3;}}</style><section class="css-1r6gjfj-ProjectsContainer e1ttmwnd0"><h2>Proyectos destacados</h2><div class="projects__container"><style data-emotion="css bhelgm-ProjectContainer">.css-bhelgm-ProjectContainer{width:90vw;max-width:650px;height:125px;margin-bottom:10px;background-color:var(--black);color:var(--white);-webkit-text-decoration:none;text-decoration:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:25px;}@media (min-width: 600px){.css-bhelgm-ProjectContainer{width:47.5vw;height:190px;font-size:3rem;}}</style><a class="css-bhelgm-ProjectContainer epdv3hr0" href="/merntasks">MERNTasks</a><a class="css-bhelgm-ProjectContainer epdv3hr0" href="/crm">CRM</a><a class="css-bhelgm-ProjectContainer epdv3hr0" href="/portafolio-2021">Portafolio 2021</a></div></section><style data-emotion="css 18tsibo-ContactContainer">.css-18tsibo-ContactContainer{height:125px;padding:25px 0;background-color:var(--black);color:var(--white);text-align:center;overflow:hidden;position:relative;}.css-18tsibo-ContactContainer h2{margin-bottom:10px;}.css-18tsibo-ContactContainer .slider{display:block;width:200%;position:absolute;-webkit-animation:scrolling 20s linear infinite;animation:scrolling 20s linear infinite;}.css-18tsibo-ContactContainer .slider:hover{-webkit-animation-play-state:paused;animation-play-state:paused;}.css-18tsibo-ContactContainer .slider div{float:left;width:50%;}.css-18tsibo-ContactContainer .slider div a{margin-right:20px;}.css-18tsibo-ContactContainer .slider div a:last-child{margin-right:0!important;}.css-18tsibo-ContactContainer .slider div a svg{-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;width:45px;height:45px;}.css-18tsibo-ContactContainer .slider div a svg:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}@-webkit-keyframes scrolling{0%{left:0;}100%{left:-100%;}}@keyframes scrolling{0%{left:0;}100%{left:-100%;}}@media (min-width: 374px){.css-18tsibo-ContactContainer .slider div a{margin-right:30px;}}@media (min-width: 424px){.css-18tsibo-ContactContainer{height:140px;}.css-18tsibo-ContactContainer .slider div a{margin-right:25px;}.css-18tsibo-ContactContainer .slider div a svg{width:60px;height:60px;}}@media (min-width: 500px){.css-18tsibo-ContactContainer .slider div a{margin-right:40px;}}@media (min-width: 540px){.css-18tsibo-ContactContainer .slider div a{margin-right:50px;}}@media (min-width: 570px){.css-18tsibo-ContactContainer .slider div a{margin-right:55px;}}@media (min-width: 595px){.css-18tsibo-ContactContainer .slider div a{margin-right:60px;}}@media (min-width: 625px){.css-18tsibo-ContactContainer .slider div a{margin-right:65px;}}@media (min-width: 650px){.css-18tsibo-ContactContainer .slider div a{margin-right:70px;}}@media (min-width: 670px){.css-18tsibo-ContactContainer .slider div a{margin-right:75px;}}@media (min-width: 700px){.css-18tsibo-ContactContainer .slider div a{margin-right:80px;}}@media (min-width: 715px){.css-18tsibo-ContactContainer .slider div a{margin-right:85px;}}@media (min-width: 767px){.css-18tsibo-ContactContainer .slider div a{margin-right:100px;}}@media (min-width: 1023px){.css-18tsibo-ContactContainer .slider div a{margin-right:150px;}}@media (min-width: 1239px){.css-18tsibo-ContactContainer .slider div a{margin-right:175px;}}@media (min-width: 1439px){.css-18tsibo-ContactContainer .slider div a{margin-right:200px;}}</style><section class="css-18tsibo-ContactContainer eb0mcp00"><h2>Contacto</h2><div class="slider"><div><a href="https://github.com/Erickowski" target="_blank" rel="noreferrer"><svg width="36" height="36" viewBox="0 0 36 36" fill="none"><path d="M17.9844 0.98047C8.32422 0.976564 0.5 8.79688 0.5 18.4492C0.5 26.082 5.39453 32.5703 12.2109 34.9531C13.1289 35.1836 12.9883 34.5312 12.9883 34.0859V31.0586C7.6875 31.6797 7.47266 28.1719 7.11719 27.5859C6.39844 26.3594 4.69922 26.0469 5.20703 25.4609C6.41406 24.8398 7.64453 25.6172 9.07031 27.7227C10.1016 29.25 12.1133 28.9922 13.1328 28.7383C13.3555 27.8203 13.832 27 14.4883 26.3633C8.99609 25.3789 6.70703 22.0273 6.70703 18.043C6.70703 16.1094 7.34375 14.332 8.59375 12.8984C7.79688 10.5352 8.66797 8.51172 8.78516 8.21094C11.0547 8.00781 13.4141 9.83594 13.5977 9.98047C14.8867 9.63281 16.3594 9.44922 18.0078 9.44922C19.6641 9.44922 21.1406 9.64063 22.4414 9.99219C22.8828 9.65625 25.0703 8.08594 27.1797 8.27735C27.293 8.57813 28.1445 10.5547 27.3945 12.8867C28.6602 14.3242 29.3047 16.1172 29.3047 18.0547C29.3047 22.0469 27 25.4023 21.4922 26.3711C21.9639 26.835 22.3385 27.3883 22.5941 27.9987C22.8496 28.609 22.981 29.2641 22.9805 29.9258V34.3203C23.0117 34.6719 22.9805 35.0195 23.5664 35.0195C30.4844 32.6875 35.4648 26.1523 35.4648 18.4531C35.4648 8.79688 27.6367 0.98047 17.9844 0.98047Z" fill="#F4F4F6"></path></svg></a><a href="https://twitter.com/Erickowski" target="_blank" rel="noreferrer"><svg width="78" height="78" viewBox="0 0 78 78" fill="none"><path d="M38.699 0.521484C17.3536 0.521484 0.0460815 17.829 0.0460815 39.1744C0.0460815 60.5198 17.3536 77.8273 38.699 77.8273C60.0444 77.8273 77.3519 60.5198 77.3519 39.1744C77.3519 17.829 60.0444 0.521484 38.699 0.521484ZM57.2748 29.6578C57.3007 30.0634 57.3007 30.4861 57.3007 30.9003C57.3007 43.566 47.6547 58.1557 30.028 58.1557C24.5924 58.1557 19.5537 56.5768 15.3088 53.8591C16.0853 53.9453 16.8273 53.9798 17.6211 53.9798C22.1076 53.9798 26.2317 52.4613 29.5189 49.8902C25.3085 49.8039 21.7711 47.043 20.5632 43.2468C22.0386 43.4625 23.3672 43.4625 24.8858 43.0742C22.7178 42.6337 20.7692 41.4563 19.371 39.742C17.9727 38.0276 17.2111 35.8821 17.2156 33.6698V33.549C18.4839 34.2651 19.9765 34.7052 21.5381 34.7655C20.2253 33.8906 19.1487 32.7053 18.4037 31.3147C17.6587 29.924 17.2684 28.371 17.2673 26.7934C17.2673 25.0074 17.7332 23.3767 18.5701 21.9618C20.9765 24.924 23.9792 27.3468 27.3832 29.0726C30.7872 30.7984 34.5163 31.7885 38.328 31.9787C36.9734 25.4647 41.8395 20.1931 47.6892 20.1931C50.4502 20.1931 52.935 21.3492 54.6865 23.2128C56.8521 22.8073 58.9227 21.9963 60.7691 20.9092C60.053 23.1265 58.5518 24.9988 56.5587 26.1808C58.4914 25.9737 60.355 25.4388 62.0806 24.6882C60.7777 26.6036 59.1471 28.3033 57.2748 29.6578Z" fill="#F4F4F6"></path></svg></a><a href="https://www.linkedin.com/in/erick-mata/" target="_blank" rel="noreferrer"><svg width="70" height="70" viewBox="0 0 70 70" fill="none"><path d="M66.9739 0.663086H3.47268C1.94555 0.663086 0.711761 1.89687 0.711761 3.42401V66.9252C0.711761 68.4524 1.94555 69.6861 3.47268 69.6861H66.9739C68.501 69.6861 69.7348 68.4524 69.7348 66.9252V3.42401C69.7348 1.89687 68.501 0.663086 66.9739 0.663086ZM21.1857 59.4794H10.9444V26.5381H21.1857V59.4794ZM16.0694 22.0343C14.8954 22.0343 13.7477 21.6862 12.7715 21.034C11.7954 20.3817 11.0345 19.4546 10.5853 18.37C10.136 17.2853 10.0184 16.0918 10.2475 14.9403C10.4765 13.7888 11.0419 12.7312 11.872 11.901C12.7022 11.0708 13.7599 10.5055 14.9113 10.2764C16.0628 10.0474 17.2563 10.165 18.341 10.6142C19.4257 11.0635 20.3527 11.8243 21.005 12.8005C21.6572 13.7767 22.0054 14.9243 22.0054 16.0984C21.9967 19.377 19.3394 22.0343 16.0694 22.0343ZM59.528 59.4794H49.2954V43.4574C49.2954 39.6352 49.2263 34.726 43.972 34.726C38.6486 34.726 37.8289 38.8846 37.8289 43.1813V59.4794H27.6049V26.5381H37.4234V31.0419H37.5614C38.9246 28.4535 42.2636 25.7185 47.2506 25.7185C57.6213 25.7185 59.528 32.5431 59.528 41.4126V59.4794Z" fill="white"></path></svg></a><a href="https://www.youtube.com/channel/UCft4Ur-yc662PcC6MZV2g6A" target="_blank" rel="noreferrer"><svg width="88" height="62" viewBox="0 0 88 62" fill="none"><path d="M85.9238 9.91602C85.4257 8.06092 84.4491 6.36918 83.0918 5.01012C81.7344 3.65105 80.0439 2.67232 78.1895 2.17188C71.3633 0.335938 44 0.335938 44 0.335938C44 0.335938 16.6367 0.335937 9.81055 2.16211C7.95528 2.66093 6.26391 3.63912 4.90631 4.99844C3.5487 6.35775 2.57265 8.05035 2.07617 9.90625C0.25 16.7422 0.25 31 0.25 31C0.25 31 0.25 45.2578 2.07617 52.084C3.08203 55.8535 6.05078 58.8223 9.81055 59.8281C16.6367 61.6641 44 61.6641 44 61.6641C44 61.6641 71.3633 61.6641 78.1895 59.8281C81.959 58.8223 84.918 55.8535 85.9238 52.084C87.75 45.2578 87.75 31 87.75 31C87.75 31 87.75 16.7422 85.9238 9.91602ZM35.3086 44.0859V17.9141L57.9648 30.9023L35.3086 44.0859Z" fill="#F4F4F6"></path></svg></a><a href="https://www.twitch.tv/erickowski" target="_blank" rel="noreferrer"><svg width="96" height="100" viewBox="0 0 96 100" fill="none"><path d="M6.70937 0L0.181244 17.4V86.9469H24.0937V100H37.1469L50.1687 86.9469H69.7312L95.8219 60.8719V0H6.70937ZM15.4 8.69062H87.1281V56.5063L71.9062 71.7281H47.9969L34.9594 84.7656V71.7281H15.3969L15.4 8.69062ZM39.3094 52.1781H48V26.0906H39.3094V52.1781ZM63.2 52.1781H71.8906V26.0906H63.2V52.1781Z" fill="#F4F4F6"></path></svg></a></div><div><a href="https://github.com/Erickowski" target="_blank" rel="noreferrer"><svg width="36" height="36" viewBox="0 0 36 36" fill="none"><path d="M17.9844 0.98047C8.32422 0.976564 0.5 8.79688 0.5 18.4492C0.5 26.082 5.39453 32.5703 12.2109 34.9531C13.1289 35.1836 12.9883 34.5312 12.9883 34.0859V31.0586C7.6875 31.6797 7.47266 28.1719 7.11719 27.5859C6.39844 26.3594 4.69922 26.0469 5.20703 25.4609C6.41406 24.8398 7.64453 25.6172 9.07031 27.7227C10.1016 29.25 12.1133 28.9922 13.1328 28.7383C13.3555 27.8203 13.832 27 14.4883 26.3633C8.99609 25.3789 6.70703 22.0273 6.70703 18.043C6.70703 16.1094 7.34375 14.332 8.59375 12.8984C7.79688 10.5352 8.66797 8.51172 8.78516 8.21094C11.0547 8.00781 13.4141 9.83594 13.5977 9.98047C14.8867 9.63281 16.3594 9.44922 18.0078 9.44922C19.6641 9.44922 21.1406 9.64063 22.4414 9.99219C22.8828 9.65625 25.0703 8.08594 27.1797 8.27735C27.293 8.57813 28.1445 10.5547 27.3945 12.8867C28.6602 14.3242 29.3047 16.1172 29.3047 18.0547C29.3047 22.0469 27 25.4023 21.4922 26.3711C21.9639 26.835 22.3385 27.3883 22.5941 27.9987C22.8496 28.609 22.981 29.2641 22.9805 29.9258V34.3203C23.0117 34.6719 22.9805 35.0195 23.5664 35.0195C30.4844 32.6875 35.4648 26.1523 35.4648 18.4531C35.4648 8.79688 27.6367 0.98047 17.9844 0.98047Z" fill="#F4F4F6"></path></svg></a><a href="https://twitter.com/Erickowski" target="_blank" rel="noreferrer"><svg width="78" height="78" viewBox="0 0 78 78" fill="none"><path d="M38.699 0.521484C17.3536 0.521484 0.0460815 17.829 0.0460815 39.1744C0.0460815 60.5198 17.3536 77.8273 38.699 77.8273C60.0444 77.8273 77.3519 60.5198 77.3519 39.1744C77.3519 17.829 60.0444 0.521484 38.699 0.521484ZM57.2748 29.6578C57.3007 30.0634 57.3007 30.4861 57.3007 30.9003C57.3007 43.566 47.6547 58.1557 30.028 58.1557C24.5924 58.1557 19.5537 56.5768 15.3088 53.8591C16.0853 53.9453 16.8273 53.9798 17.6211 53.9798C22.1076 53.9798 26.2317 52.4613 29.5189 49.8902C25.3085 49.8039 21.7711 47.043 20.5632 43.2468C22.0386 43.4625 23.3672 43.4625 24.8858 43.0742C22.7178 42.6337 20.7692 41.4563 19.371 39.742C17.9727 38.0276 17.2111 35.8821 17.2156 33.6698V33.549C18.4839 34.2651 19.9765 34.7052 21.5381 34.7655C20.2253 33.8906 19.1487 32.7053 18.4037 31.3147C17.6587 29.924 17.2684 28.371 17.2673 26.7934C17.2673 25.0074 17.7332 23.3767 18.5701 21.9618C20.9765 24.924 23.9792 27.3468 27.3832 29.0726C30.7872 30.7984 34.5163 31.7885 38.328 31.9787C36.9734 25.4647 41.8395 20.1931 47.6892 20.1931C50.4502 20.1931 52.935 21.3492 54.6865 23.2128C56.8521 22.8073 58.9227 21.9963 60.7691 20.9092C60.053 23.1265 58.5518 24.9988 56.5587 26.1808C58.4914 25.9737 60.355 25.4388 62.0806 24.6882C60.7777 26.6036 59.1471 28.3033 57.2748 29.6578Z" fill="#F4F4F6"></path></svg></a><a href="https://www.linkedin.com/in/erick-mata/" target="_blank" rel="noreferrer"><svg width="70" height="70" viewBox="0 0 70 70" fill="none"><path d="M66.9739 0.663086H3.47268C1.94555 0.663086 0.711761 1.89687 0.711761 3.42401V66.9252C0.711761 68.4524 1.94555 69.6861 3.47268 69.6861H66.9739C68.501 69.6861 69.7348 68.4524 69.7348 66.9252V3.42401C69.7348 1.89687 68.501 0.663086 66.9739 0.663086ZM21.1857 59.4794H10.9444V26.5381H21.1857V59.4794ZM16.0694 22.0343C14.8954 22.0343 13.7477 21.6862 12.7715 21.034C11.7954 20.3817 11.0345 19.4546 10.5853 18.37C10.136 17.2853 10.0184 16.0918 10.2475 14.9403C10.4765 13.7888 11.0419 12.7312 11.872 11.901C12.7022 11.0708 13.7599 10.5055 14.9113 10.2764C16.0628 10.0474 17.2563 10.165 18.341 10.6142C19.4257 11.0635 20.3527 11.8243 21.005 12.8005C21.6572 13.7767 22.0054 14.9243 22.0054 16.0984C21.9967 19.377 19.3394 22.0343 16.0694 22.0343ZM59.528 59.4794H49.2954V43.4574C49.2954 39.6352 49.2263 34.726 43.972 34.726C38.6486 34.726 37.8289 38.8846 37.8289 43.1813V59.4794H27.6049V26.5381H37.4234V31.0419H37.5614C38.9246 28.4535 42.2636 25.7185 47.2506 25.7185C57.6213 25.7185 59.528 32.5431 59.528 41.4126V59.4794Z" fill="white"></path></svg></a><a href="https://www.youtube.com/channel/UCft4Ur-yc662PcC6MZV2g6A" target="_blank" rel="noreferrer"><svg width="88" height="62" viewBox="0 0 88 62" fill="none"><path d="M85.9238 9.91602C85.4257 8.06092 84.4491 6.36918 83.0918 5.01012C81.7344 3.65105 80.0439 2.67232 78.1895 2.17188C71.3633 0.335938 44 0.335938 44 0.335938C44 0.335938 16.6367 0.335937 9.81055 2.16211C7.95528 2.66093 6.26391 3.63912 4.90631 4.99844C3.5487 6.35775 2.57265 8.05035 2.07617 9.90625C0.25 16.7422 0.25 31 0.25 31C0.25 31 0.25 45.2578 2.07617 52.084C3.08203 55.8535 6.05078 58.8223 9.81055 59.8281C16.6367 61.6641 44 61.6641 44 61.6641C44 61.6641 71.3633 61.6641 78.1895 59.8281C81.959 58.8223 84.918 55.8535 85.9238 52.084C87.75 45.2578 87.75 31 87.75 31C87.75 31 87.75 16.7422 85.9238 9.91602ZM35.3086 44.0859V17.9141L57.9648 30.9023L35.3086 44.0859Z" fill="#F4F4F6"></path></svg></a><a href="https://www.twitch.tv/erickowski" target="_blank" rel="noreferrer"><svg width="96" height="100" viewBox="0 0 96 100" fill="none"><path d="M6.70937 0L0.181244 17.4V86.9469H24.0937V100H37.1469L50.1687 86.9469H69.7312L95.8219 60.8719V0H6.70937ZM15.4 8.69062H87.1281V56.5063L71.9062 71.7281H47.9969L34.9594 84.7656V71.7281H15.3969L15.4 8.69062ZM39.3094 52.1781H48V26.0906H39.3094V52.1781ZM63.2 52.1781H71.8906V26.0906H63.2V52.1781Z" fill="#F4F4F6"></path></svg></a></div></div></section><style data-emotion="css e8c2cd-PostsContainer">.css-e8c2cd-PostsContainer{padding:25px 0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.css-e8c2cd-PostsContainer h2,.css-e8c2cd-PostsContainer .posts__container{margin-bottom:10px;}.css-e8c2cd-PostsContainer .posts__container a{margin-bottom:10px;}.css-e8c2cd-PostsContainer .posts__container a:last-child{margin-bottom:0;}@media (min-width: 600px){.css-e8c2cd-PostsContainer h2{font-size:3.6rem;}.css-e8c2cd-PostsContainer .posts__container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:10px;}.css-e8c2cd-PostsContainer .posts__container a:nth-of-type(1){grid-column:1/2;grid-row:1/2;}.css-e8c2cd-PostsContainer .posts__container a:nth-of-type(2){grid-column:1/2;grid-row:2/3;}.css-e8c2cd-PostsContainer .posts__container a:nth-of-type(3){grid-column:2/3;grid-row:1/3;height:400px;}}</style><section class="css-e8c2cd-PostsContainer e1toxk3n0"><h2>Entradas destacadas</h2><div class="posts__container"><style data-emotion="css 1ks2xvd-PostContainer">.css-1ks2xvd-PostContainer{width:90vw;max-width:650px;height:125px;margin-bottom:10px;background-color:var(--black);color:var(--white);-webkit-text-decoration:none;text-decoration:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;border-radius:25px;}@media (min-width: 600px){.css-1ks2xvd-PostContainer{width:47.5vw;height:190px;font-size:2.5rem;text-align:center;}}</style><a class="css-1ks2xvd-PostContainer ecdwo790" href="/por-que-portafolio">¿Cómo se creó este portafolio?</a><a class="css-1ks2xvd-PostContainer ecdwo790" href="/objetivos-2021">Objetivos 2021</a><a class="css-1ks2xvd-PostContainer ecdwo790" href="/vivir-extranjero">Porque no me iría a vivir al extranjero</a></div></section></main><style data-emotion="css 14g0ti8-FooterContainer">.css-14g0ti8-FooterContainer{height:;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:25px 0;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;background-color:var(--black);color:var(--white);cursor:none;}.css-14g0ti8-FooterContainer ul{text-align:center;}.css-14g0ti8-FooterContainer ul li{margin-bottom:10px;font-size:1.6rem;}.css-14g0ti8-FooterContainer ul li:last-child{margin-bottom:0;}.css-14g0ti8-FooterContainer ul li a{-webkit-text-decoration:none;text-decoration:none;color:var(--white);}.css-14g0ti8-FooterContainer ul .cursor{position:fixed;width:40px;height:40px;border-radius:100%;background-color:var(--white);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:0.3s;transition:0.3s;pointer-events:none;mix-blend-mode:difference;}.css-14g0ti8-FooterContainer ul li:hover~.cursor{-webkit-transform:scale(6);-moz-transform:scale(6);-ms-transform:scale(6);transform:scale(6);}@media (min-width: 767px){.css-14g0ti8-FooterContainer{cursor:initial;}.css-14g0ti8-FooterContainer ul li{display:inline-block;margin-right:30px;}.css-14g0ti8-FooterContainer ul li:last-child{margin-right:0;}}</style><footer class="css-14g0ti8-FooterContainer e430dng0"><ul><li><a aria-current="page" class="" href="/">Inicio</a></li><li><a href="/blog">Blog</a></li><li><a href="/projects">Proyectos</a></li><li><a href="/about-me">Sobre mí</a></li><li><a href="/testimonials">Testimonios</a></li></ul></footer></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-d315eb99cbdcd89ab179.js"],"app":["/app-ee58f444adbce9ee6a5f.js"],"component---src-components-commons-post-detail-jsx":["/component---src-components-commons-post-detail-jsx-42fce1c7f385cd20c93d.js"],"component---src-components-commons-project-detail-jsx":["/component---src-components-commons-project-detail-jsx-d303c8dc2814735aca3f.js"],"component---src-pages-404-jsx":["/component---src-pages-404-jsx-29677c51354e8a284b5e.js"],"component---src-pages-about-me-jsx":["/component---src-pages-about-me-jsx-f85b49d7828903734513.js"],"component---src-pages-blog-jsx":["/component---src-pages-blog-jsx-ac118fc4f26600d97e82.js"],"component---src-pages-index-jsx":["/component---src-pages-index-jsx-1b48c0becc0b8d9cc37c.js"],"component---src-pages-menu-jsx":["/component---src-pages-menu-jsx-4157311944e200a6c6a8.js"],"component---src-pages-projects-jsx":["/component---src-pages-projects-jsx-cf773253ac99abea249f.js"],"component---src-pages-testimonials-jsx":["/component---src-pages-testimonials-jsx-cf66e03e0dadb2f76bea.js"]};/*]]>*/</script><script src="/polyfill-d315eb99cbdcd89ab179.js" nomodule=""></script><script src="/component---src-pages-index-jsx-1b48c0becc0b8d9cc37c.js" async=""></script><script src="/commons-d00060eade95b6651182.js" async=""></script><script src="/app-ee58f444adbce9ee6a5f.js" async=""></script><script src="/framework-29ba174b433dc5858bed.js" async=""></script><script src="/webpack-runtime-d36f3882d7dd2495a5a2.js" async=""></script></body></html>