/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:Maytra;src:url(../fonts/maytra.ttf) format("truetype")}html{font-size:62.5%;box-sizing:border-box;height:100%}body{min-height:100%;display:flex;flex-direction:column;background-color:#050709;color:#fff}*,:after,:before{box-sizing:inherit}body{font-family:Poppins,sans-serif;font-size:1.6rem}.container{width:95%;max-width:100%;margin:0 auto}@media (min-width:1024px){.container{max-width:1200px}}img{max-width:100%}a{text-decoration:none;color:#fff}hr{width:70%;margin:5rem auto;border:none;height:2px;color:#2b1455;background-color:#2b1455}h1,h2,h3{font-family:Poppins,sans-serif;margin:0 0 2.5rem;font-weight:900;color:#fff;text-align:center}h1{font-size:4rem}h2{font-size:3.6rem}h3{font-size:3rem;text-align:center}p{color:#fff;font-size:2rem}.hero{position:relative;height:100vh;background-image:url(../img/developer.jpg);background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden;text-shadow:0 5px 11px rgba(0,0,0,.3)}.hero h2{font-size:2.8rem}.hero p{margin:.5rem;font-weight:200}.hero .container{flex-direction:column;max-width:100%;position:relative;text-align:center;align-items:center;justify-content:center;gap:5rem;z-index:2}.hero .contact-list{padding:0;list-style:none;display:flex;justify-content:space-around;font-size:2.3rem}.hero .contact-list i{color:#fff}.hero .contact-list i:hover{color:#854ef3}.hero img{width:200px;box-shadow:0 5px 11px rgba(0,0,0,.3);transition:transform .3s ease-in-out}.hero img:hover{transform:scale(1.03)}.hero #overlay{position:absolute;top:100%;left:50%;transform:translate(-50%,-10%);z-index:2;width:70rem;height:auto}@keyframes fadeIn{0%{opacity:0;width:80rem}to{opacity:1}}.hero .overlay-visible{animation:fadeIn 2s ease forwards}@media (min-width:1024px){.hero h1{font-size:4rem;margin:0 0 1.3rem}.hero .container{display:flex;flex-direction:row}.hero #overlay{width:70rem;transform:translate(-50%,-70%)}}.hero #particles-js{position:absolute;z-index:0;width:100%}.about-me,.about-me h2{margin:5rem 0}.about-me h2{color:#ff204e}.about-me h2 span{font-weight:300}.about-me .container{max-width:-moz-fit-content;max-width:fit-content}.about-me .skills{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);padding:5rem 0}.about-me .skills .skill{width:15rem;height:23rem;border-radius:10rem;border:.1rem solid hsla(0,0%,100%,.1);transition:all .6s;text-align:center;padding:2rem}.about-me .skills .skill img{margin:2.5rem 0 0;filter:grayscale(0);transition:all .6s}.about-me .skills .skill p{margin:1rem 0 0}.about-me .skills .skill:hover{border-color:#fff}.about-me .skills .skill:hover img{filter:grayscale(0);transform:scale(1.05)}@media (min-width:1024px){.about-me .container{max-width:1400px}.about-me .skills{overflow:hidden;display:grid;gap:2rem;grid-template-columns:repeat(8,1fr);padding:5rem 0}.about-me .skills .skill{padding:2rem;width:100%}.about-me .skills .skill img{filter:grayscale(100%)}}.projects{padding:5rem 0;background-color:#0f0715}.projects h2{color:#ff204e}.projects .container{display:grid;gap:2rem;grid-template-columns:repeat(1,1fr)}.projects .container .project{text-align:center;padding:5rem 3rem;border:.1rem solid hsla(0,0%,100%,.1);filter:grayscale(0);transition:all .5s ease-in-out}.projects .container .project h3{font-size:2.5rem;margin:2rem 0 0}.projects .container .project .project-info{display:flex;flex-direction:column;justify-content:space-between;height:20rem}.projects .container .project:hover{border:1px solid #fff;transform:scale(1.05);filter:grayscale(0)}@media (min-width:768px){.projects .container{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.projects .container{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.projects .container .project{filter:grayscale(80%)}}.msg{grid-column:1/-1;padding:20px;text-align:center}.msg p{color:#854ef3}.education{padding:5rem 0}.education h2{color:#ff204e}.education h3{font-size:2rem}.education .container{max-width:140rem}.education .container .education-grid{display:grid;gap:2rem;grid-template-columns:repeat(1,1fr)}.education .container .education-grid .education-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:10rem;height:40rem;padding:2.5rem;background:linear-gradient(90deg,#050709,#2b1455);position:relative;overflow:hidden}.education .container .education-grid .education-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#854ef3,#2b1455);opacity:0;transition:opacity .9s ease}.education .container .education-grid .education-container:hover:before{opacity:1}.education .container .education-grid .education-container h3,.education .container .education-grid .education-container p{z-index:2;margin:.5rem}@media (min-width:1024px){.education{padding:5rem 0}.education h2{color:#ff204e}.education h3{font-size:2rem}.education .container{max-width:140rem}.education .container .education-grid{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.education .container .education-grid .education-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:10rem;height:20rem;padding:2.5rem;background:linear-gradient(90deg,#050709,#2b1455);position:relative;overflow:hidden}.education .container .education-grid .education-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#854ef3,#2b1455);opacity:0;transition:opacity .9s ease}.education .container .education-grid .education-container:hover:before{opacity:1}.education .container .education-grid .education-container h3,.education .container .education-grid .education-container p{z-index:2;margin:.5rem}}.contact h2{margin-bottom:5rem}.contact .contact-list{margin-bottom:5rem;list-style:none;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact .contact-list li{margin-bottom:2rem;transition:all .3s ease-in-out}.contact .contact-list li a{font-size:2rem}.contact .contact-list li:hover{transform:scale(1.1)}.contact .contact-list li:hover a{color:#854ef3}.contact .end-banner{position:relative;height:30vh;background-image:url(../img/heroimg.jpg);background-position:50%;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden}@media (min-width:1024px){.contact .contact-list{flex-direction:row;justify-content:space-around}.contact .contact-list li{margin-bottom:0}}.blog{background-color:#0f0715;min-height:94vh}.blog-nav{margin:10rem auto 0;width:100%;background-color:#5d0e41}.blog-nav ul{padding:2rem 5rem;list-style:none;display:flex;justify-content:space-between;align-items:center}.content .container{display:grid;gap:0;grid-template-columns:repeat(3,1fr)}.content .entries{background-color:#5d0e41;padding:1rem;grid-column:1/3;grid-row:1}.content .entries .entry{margin:1rem 0;display:flex;background-color:rgba(0,0,0,.9);padding:1rem;transition:transform .3s ease}.content .entries .entry .info{width:100%;margin:0 2rem}.content .entries .entry .info h2{text-align:left;font-size:2.5rem}.content .entries .entry .info p{font-size:1.6rem}.content .entries .entry img{height:20rem;width:-moz-fit-content;width:fit-content;border:1px solid #ddd}.content .entries .entry:hover{transform:scale(1.01)}.content .sidebar{background-color:rgba(0,0,0,.9);height:100%}.animated-image{opacity:0;animation:slideAndFade 1.1s ease-in-out forwards}@keyframes slideAndFade{0%{transform:translateX(30%) translateY(-5%) scale(.5);opacity:0}to{transform:translateX(0) translateY(0);opacity:1}}html{scroll-behavior:smooth}@keyframes myAnim{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animado{opacity:0;transform:translateY(50px);transition:opacity 2s ease,transform 2s ease}.animado.active{animation:myAnim 2s ease 0s 1 normal forwards}.cta-button{background-color:#ff204e;color:#fff;padding:1rem;border:none;border-radius:.5rem;text-decoration:none;font-size:1.8rem;display:block;margin:0 auto;transition:all .3s ease;display:inline-block}.cta-button:hover{background-color:#a0153e;cursor:pointer;font-weight:700}.code{background-color:#00224d;color:#fff;padding:1rem;border:none;border-radius:.5rem;text-decoration:none;font-size:1.8rem;display:block;margin:0 auto;transition:all .3s ease;display:inline-block}.code:hover{background-color:#081a30;cursor:pointer;font-weight:700}.boton-login{background-color:#ff204e;color:#fff;padding:1rem;border:none;border-radius:.5rem;text-decoration:none;font-size:1.8rem;display:block;transition:all .3s ease;margin:5rem auto 0;width:100%}.boton-login:hover{background-color:#a0153e;cursor:pointer;font-weight:700}.boton-register{text-align:center;background-color:#00224d;color:#fff;padding:1rem;border:none;border-radius:.5rem;text-decoration:none;font-size:1.8rem;display:block;transition:all .3s ease;margin:1rem auto 0;width:100%}.boton-register:hover{background-color:#081a30;cursor:pointer;font-weight:700}.filter-container{display:flex;justify-content:end;align-items:center;gap:5px;margin:20px auto;max-width:1400px}.filter-container select{font-size:1.5rem;padding:2px;background-color:#2f1741;border:1px solid #ca84ff;color:#fff;cursor:pointer}.filter-container button{background:none;border:none;padding:0;margin:0;color:#ca84ff;font:inherit;cursor:pointer}.filter-container button:hover{color:#854ef3}.filter-container p{color:grey}body.loaded{overflow:hidden!important;height:100%!important}.preloader{position:fixed;z-index:10;height:100vh;width:100%;left:0;top:0;display:flex;overflow:hidden;align-items:center;justify-content:center;background:transparent;z-index:99999999999999}.preloader svg{position:absolute;top:0;width:100vw;height:110vh;fill:var(--tj-black-2)}.preloader .preloader-heading .load-text{font-size:20px;font-weight:200;letter-spacing:15px;text-transform:uppercase;z-index:20}.load-text span{animation:loading 1s infinite alternate}.load-text span:first-child{animation-delay:0s}.load-text span:nth-child(2){animation-delay:.1s}.load-text span:nth-child(3){animation-delay:.2s}.load-text span:nth-child(4){animation-delay:.3s}.load-text span:nth-child(5){animation-delay:.4s}.load-text span:nth-child(6){animation-delay:.5s}.load-text span:nth-child(7){animation-delay:.6s}@keyframes loading{0%{opacity:1}to{opacity:0}}header{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:10px 20px;background-color:transparent;transition:background-color .3s ease}header nav{flex-direction:column;width:100%}header nav,header nav .nav-mobile{display:flex;justify-content:space-between;align-items:center}header.scrolled{background-color:rgba(0,0,0,.9)}header.scrolled h2{color:#ff204e}header.scrolled .nav-links li a{color:#ca84ff}header .logo{display:flex;justify-content:space-around}header .logo h2{margin:0;padding:0;font-size:4rem;transition:color .3s ease-in-out;font-family:Maytra,sans-serif}header .logo img{width:80px;margin-right:0}header .nav-links{list-style:none;display:none;flex-direction:column;align-items:center;margin:0;padding:0}header .nav-links li{margin-left:0;margin-top:10px}header .nav-links li a{position:relative;color:#799fff;text-decoration:none;font-weight:700;font-size:2rem;transition:all .4s ease-in-out}header .nav-links li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#854ef3;transition:width .4s}header .nav-links li a:hover:after{width:100%}header .nav-links li a:hover{color:#c8d7ff}header .menu-toggle{margin:0 2rem;display:block;cursor:pointer;font-size:3rem}header .menu-toggle:hover{color:#854ef3}header .nav-links.active{display:flex}@media (min-width:1024px){header{padding:20px}header nav{flex-direction:row}header .logo img{width:100px;margin-right:20px}header .logo h2{font-size:4.5rem}header .nav-links{display:flex;flex-direction:row;align-items:center}header .nav-links li{margin-left:20px;margin-top:0}header .nav-links li a{font-size:1.8rem}header .menu-toggle{display:none}}footer{width:100%;padding:.5rem 0;text-align:center;background-color:#2b1455}footer p{font-size:1.6rem}.modal{display:none;position:fixed;z-index:3;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}.modal-content{background-color:#000;margin:10rem auto;padding:5rem;border:1px solid #2b1455;width:-moz-fit-content;width:fit-content;height:72rem}@media (min-width:1024px){.modal-content{width:100rem;height:72rem}}.close{color:#fff;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#854ef3;text-decoration:none;cursor:pointer}.search-container .search{all:unset;height:3rem;width:30rem;padding:0 1rem;background-color:#3b4252;color:#eee;border:1px solid #555d6e;border-radius:2rem}
/*# sourceMappingURL=app.css.map */