body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.navbar{padding:1rem}.navbar-content{align-items:center;display:grid;grid-template-columns:auto 1fr}.navbar-title{font-size:1.5rem;font-weight:700;justify-self:start}.navbar-menu{display:flex;justify-self:end;list-style:none}.navbar-menu li{padding:0 1rem}.navbar-menu li a{color:#333;text-decoration:none}.navbar-menu li:hover{background:#eee}.home{background-image:url(/static/media/portada.486a00c187ff481ef1a7.jpg);background-position:50%;background-size:cover;color:#fff;height:70vh;padding:100px 0;text-align:center;width:100%}.home h1{font-size:36px;font-weight:700}.home p{font-size:18px;margin-top:20px}span{-webkit-animation:typing 2s steps(30),blink .5s step-end infinite alternate;animation:typing 2s steps(30),blink .5s step-end infinite alternate;border-right:4px solid;display:block;font-family:monospace;font-size:50px;font-weight:700;margin-left:20rem;margin-top:10rem;overflow:hidden;white-space:nowrap;width:24ch}@-webkit-keyframes typing{0%{width:0}}@keyframes typing{0%{width:0}}@-webkit-keyframes blink{50%{border-color:transparent}}@keyframes blink{50%{border-color:transparent}}.portfolioSection{align-items:center;display:flex;justify-content:space-between;margin-top:5rem;padding:20px}.about-me{flex:1 1;text-align:left}.image-container{flex:1 1;text-align:center}.image-container img{height:auto;max-width:100%}.skills{background-color:#f9f9f9;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);box-sizing:border-box;display:inline-block;float:left;height:auto;margin:20px;min-width:200px;padding:20px;vertical-align:top;width:calc(33.33% - 40px)}.skills,.text-center{text-align:center}.skills i{color:#ff5722;font-size:36px}.skills h4{font-size:24px;margin-top:20px}.skills p{font-size:16px;margin-top:10px}.blog{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:20px}.title-blog{text-align:center}.card{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.card h3{font-size:24px;margin:0}.card p{font-size:16px;margin:10px 0}.card a{border-radius:5px;color:#fff;display:inline-block;font-size:14px;padding:5px 10px;text-decoration:none;transition:background-color .3}.card a,.card a:hover{background-color:#ff5722}.article{color:#888;font-size:18px;text-align:center}.article h1{font-size:24px}.article a{color:#ff5722;font-weight:700;text-decoration:none}.article a:hover{text-decoration:underline}.projects-section{background-color:#f0f0f0;padding:20px;text-align:center}.project-card{border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,.1);display:inline-block;height:200px;margin:10px;padding:10px;vertical-align:top;width:200px}.project-card img{max-height:100%;max-width:100%}@media screen and (max-width:768px){body{font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}.navbar{padding:1rem}.navbar-content{align-items:center;display:grid;grid-template-columns:auto 1fr}.navbar-title{font-size:1.5rem;font-weight:700;justify-self:start}.navbar-menu{display:flex;justify-self:end;list-style:none}.navbar-menu li{padding:0 1rem}.navbar-menu li a{color:#333;text-decoration:none}.navbar-menu li:hover{background:#eee}.home{background-image:url(/static/media/portada.486a00c187ff481ef1a7.jpg);background-position:50%;background-size:cover;color:#fff;height:auto;padding:50px 0;text-align:center;width:100%}.home h1{font-size:24px;font-weight:700}.home p{font-size:16px;margin-top:20px}span{-webkit-animation:typing 2s steps(30),blink .5s step-end infinite alternate;animation:typing 2s steps(30),blink .5s step-end infinite alternate;border-right:4px solid;display:block;font-family:monospace;font-size:25px;font-weight:700;margin:20px auto;overflow:hidden;white-space:nowrap;width:24ch}@-webkit-keyframes typing{0%{width:0}}@keyframes typing{0%{width:0}}@-webkit-keyframes blink{50%{border-color:transparent}}@keyframes blink{50%{border-color:transparent}}.portfolioSection{align-items:center;display:flex;flex-direction:column;margin-top:2rem;padding:20px}.about-me{margin-top:20px;text-align:center}.image-container img{height:auto;max-width:100%}.skills{background-color:#f9f9f9;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);display:block;height:auto;margin:20px;padding:20px;text-align:center;vertical-align:top;width:90%}.skills h4{font-size:18px;margin-top:20px}.blog{display:flex;flex-direction:column;margin:20px}.title-blog{font-size:24px;text-align:center}.card{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);margin:10px 0;padding:20px}.card h3{font-size:20px;margin:0}.card p{font-size:16px;margin:10px 0}.card a{background-color:#ff5722;border-radius:5px;color:#fff;display:inline-block;font-size:14px;margin-top:10px;padding:5px 10px;text-decoration:none;transition:background-color .3s}.article{color:#888;font-size:18px;text-align:center}.article h1{font-size:24px}.article a{color:#ff5722;font-weight:700;text-decoration:none}.projects-section{background-color:#fff;margin-right:15px;padding:25px;text-align:center}.project-card{border:1px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.1);height:auto;margin:10px 0;padding:10px;width:100%}.project-card img{max-height:100%;max-width:100%}}
/*# sourceMappingURL=main.f628e5fa.css.map*/