:root{--BLACK: #000000;--WHITE: #ffffff;--BRANDI: var(--BLACK);--BRANDII: var(--WHITE);--BRANDIII: #ffd700;--ERROR: #ff0000;--SUCCESS: #1aff00;--LINKS: #0645AD;--NAIRAI: #008b2c;--NAIRAII: #1b7339;--DOLLAR: #70bb65;--TEXTI: #908d8dff;--TEXTII: #515151;--TRANSPARENT: #00000070;--GITHUB: var(--BLACK);--TWITTER: var(--BLACK);--FACEBOOK: #3b5998;--INSTAGRAM: #e1306c;--WHATSAPP: #25d366;--LINKEDIN: #0077b5;--YOUTUBE: #ff0000;--TELEGRAM: #A19679;--HTML: #F54927;--CSS: #663399;--JAVASCRIPT: #f7df1e;--NODEJS: #68A063;--SASS: #cd6799;--BOOTSTRAP: #602c50;--MATERIALIZE: #ed7272;--TAILWIND: #06b6d4;--MONGODB: #4DB33D}@font-face{font-display:swap;font-family:"Gupter";font-style:normal;font-weight:400;src:url(../fontsicons/gupter-v14-latin-regularbf9a19da6e93997ae43a.woff2) format("woff2")}@font-face{font-display:swap;font-family:"Gabriela";font-style:normal;font-weight:400;src:url(../fontsicons/gabriela-v23-latin-regular929cfdd903f409043645.woff2) format("woff2")}body #hero .title,body #about .title,body #skills .title,body #projects .title,body #contact .title,body footer .title,body #feedback .title{position:relative}body #hero .title h3,body #about .title h3,body #skills .title h3,body #projects .title h3,body #contact .title h3,body footer .title h3,body #feedback .title h3{font-size:2rem;font-weight:700;position:relative}body #hero .title h3:after,body #about .title h3:after,body #skills .title h3:after,body #projects .title h3:after,body #contact .title h3:after,body footer .title h3:after,body #feedback .title h3:after{content:"";position:absolute;display:block;width:5rem;height:.1rem;background:var(--BRANDIII);left:0;bottom:0}.revolve{background:var(--COLOURIII);padding:.75rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:.7rem;border-radius:0rem;position:relative;overflow:hidden}.revolve .span:nth-child(1){position:absolute;top:0;left:0;width:100%;height:.2rem;background:linear-gradient(to right, var(--BRANDI), var(--BRANDIII));animation:animei 6s linear infinite}.revolve .span:nth-child(2){position:absolute;top:0;right:0;width:.2rem;height:100%;background:linear-gradient(to bottom, var(--BRANDI), var(--BRANDIII));animation:animeii 6s linear infinite 3s}.revolve .span:nth-child(3){position:absolute;bottom:0;left:0;width:100%;height:.2rem;background:linear-gradient(to left, var(--BRANDI), var(--BRANDIII));animation:animeiii 6s linear infinite}.revolve .span:nth-child(4){position:absolute;top:0;left:0;width:.2rem;height:100%;background:linear-gradient(to top, var(--BRANDI), var(--BRANDIII));animation:animeiv 6s linear infinite 3s}@keyframes animei{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes animeii{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}@keyframes animeiii{0%{transform:translateX(100%)}100%{transform:translateX(-100%)}}@keyframes animeiv{0%{transform:translateY(100%)}100%{transform:translateY(-100%)}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;background:var(--BRANDI);color:var(--BRANDII);font-family:"Gupter";font-size:1rem}body ul,body li{list-style-type:none}body img{max-width:100%;height:auto}body a{text-decoration:none}body #hero,body #about,body #skills,body #projects,body #contact,body footer,body #feedback{padding:2rem}@media(min-width: 768px){body #hero,#about,#skills,#projects,#contact,footer,#feedback{padding:2rem 2rem 2rem 22rem !important}}footer{display:flex;flex-direction:column;gap:1rem}footer .contactslinks{display:flex;flex-direction:column;gap:5rem}footer .contactslinks .clinks{display:flex;flex-direction:column;gap:1.5rem}footer .contactslinks .clinks h4{color:var(--BRANDIII);font-size:2rem}footer .contactslinks .clinks .contacts{display:flex;flex-direction:column;gap:1.5rem}footer .contactslinks .clinks .contacts p{display:flex;gap:1rem}footer .contactslinks .clinks .social{display:flex;flex-direction:row;align-items:center;justify-content:space-between}footer .contactslinks .clinks .social a{transition:transform .4s ease-in-out}footer .contactslinks .clinks .social a:hover{transform:scale(1.5)}footer .contactslinks .clinks .social .github{color:var(--GITHUB)}footer .contactslinks .clinks .social .linkedin{color:var(--LINKEDIN)}footer .contactslinks .clinks .social .whatsapp{color:var(--WHATSAPP)}footer .contactslinks .clinks .social .twitter{color:var(--BRANDII)}footer .contactslinks .clinks .social .instagram{color:var(--INSTAGRAM)}footer .contactslinks .clinks .social .facebook{color:var(--FACEBOOK)}footer .contactslinks .clinks .quicklinks{display:flex;flex-direction:column;gap:1rem}footer .contactslinks .clinks .quicklinks a{color:var(--BRANDII);transition:all ease-in-out .4s}footer .contactslinks .clinks .quicklinks a:hover{color:var(--TEXTI)}footer .copyrightsdeveloper{display:flex;flex-direction:column;gap:4rem}footer .copyrightsdeveloper .developer{letter-spacing:.2rem;font:bold "Gabriela";color:var(--BRANDII);text-shadow:1px 1px 2px var(--BRANDIII),0 0 25px var(--BRANDI),0 0 5px var(--BRANDI)}@media(min-width: 576px){footer .contactslinks,footer .copyrightsdeveloper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-items:flex-start}}header{display:flex;flex-direction:column;justify-content:space-around;gap:1rem;background:var(--BRANDII);color:var(--BRANDI);position:fixed;padding:0rem .75rem;left:-100%;top:0;bottom:0;transition:all ease-in-out .4s;z-index:2;box-shadow:.01rem .01rem 2rem var(--BRANDIII)}header a{color:var(--BRANDI)}header .burger{background:var(--BRANDIII);color:var(--BRANDI);font-weight:1000;padding:.2rem;font:bold 1.2rem "Gabriela";transition:all ease-in-out .4s;cursor:pointer;outline:none;border:none;border-radius:.2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;position:fixed;top:1rem;right:1rem;background:rgba(0,0,0,0);border-radius:50%;height:3rem;width:3rem;border:.1rem solid var(--TEXTI);z-index:4}header .burger .linei,header .burger .lineii,header .burger .lineiii{height:.2rem;width:2rem;background:var(--TEXTI);border-radius:2rem;transition:all .4s}header .burger .lineei{transform:rotate(-405deg) translate(-0.43rem, 0.43rem);background:var(--BRANDIII)}header .burger .lineeii{opacity:0}header .burger .lineeiii{transform:rotate(405deg) translate(-0.43rem, -0.43rem);background:var(--BRANDIII)}header .burgeri{border:.1rem solid var(--BRANDIII)}header .imgsocialmedia{background:var(--COLOURIII);padding:.75rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:.7rem;display:grid;gap:2.5rem;place-content:center;margin-top:4rem}header .imgsocialmedia .img figure{display:flex;flex-direction:column;align-items:center;justify-content:center}header .imgsocialmedia .img figure img{border:.01rem solid var(--BRANDI);border-radius:.7rem}header .imgsocialmedia .img figure a{color:var(--BRANDI);transition:all ease-in-out .4s}header .imgsocialmedia .img figure a h2{font-size:2rem;word-spacing:1rem}header .imgsocialmedia .img figure a:hover{color:var(--TEXTI)}header .imgsocialmedia .socialmedia{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}header .imgsocialmedia .socialmedia a{display:flex;flex-direction:row;align-items:center;justify-content:space-between;justify-content:center;transition:all ease-in-out .4s;width:2.2rem;height:2.2rem}header .imgsocialmedia .socialmedia a:hover{background:var(--BRANDIII);color:var(--BRANDI);border-radius:50%}.shownav{left:0;width:100%}@media(min-width: 768px){header{left:0}header .burger{display:none}header .imgsocialmedia{margin-top:.5rem}header .imgsocialmedia .socialmedia{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}header .imgsocialmedia .socialmedia a{width:2.2rem;height:2.2rem}.shownav{width:auto}}nav .navlist{display:flex;flex-direction:column;gap:2.5rem}nav .navlist .navlink{font-size:1.2rem}nav .navlist .navlink:hover .navicon{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);color:var(--BRANDIII)}nav .navlist .navlink.active .navicon{color:var(--BRANDIII)}nav .navlist .navicon{transition:all ease-in-out .4s}#about{display:grid;gap:2.5rem;background:var(--BRANDII);color:var(--BRANDI);font-size:1.2rem}#about .about{display:grid;gap:2.5rem;padding-bottom:1.5rem}#about .about .check{display:flex;flex-direction:column;gap:4rem}#about .about .check .checks{display:flex;flex-direction:column;gap:1rem}#about .about .check .checks div{display:flex;flex-direction:row;align-items:center;justify-content:space-between;justify-content:flex-start;gap:.2rem}#about .about .check .checks div span{font-size:2rem;color:var(--BRANDI)}@media(min-width: 576px){#about .about .check{display:flex;flex-direction:row;align-items:center;justify-content:space-between;align-items:flex-start;justify-content:space-around}}#contact{display:grid;gap:2.5rem;background:linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)),url(../imgs/contact42e946597efa6bb73a6b.png) no-repeat center center/cover}#contact .contact{display:flex;justify-content:center;flex-wrap:wrap;align-content:space-between;gap:7rem}#contact .contact .channels{display:flex;flex-direction:column;gap:1rem;width:100%}#contact .contact .channels .social{display:flex;flex-direction:row;align-items:center;justify-content:space-between}#contact .contact .channels .social a{transition:transform .4s ease-in-out}#contact .contact .channels .social a:hover{transform:scale(1.5)}#contact .contact .channels .social .github{color:var(--GITHUB)}#contact .contact .channels .social .linkedin{color:var(--LINKEDIN)}#contact .contact .channels .social .whatsapp{color:var(--WHATSAPP)}#contact .contact .channels .social .twitter{color:var(--BRANDII)}#contact .contact .channels .social .instagram{color:var(--INSTAGRAM)}#contact .contact .channels .social .facebook{color:var(--FACEBOOK)}#contact .contact .contactform{width:100%}#contact .contact .contactform form{display:grid;gap:2.5rem;gap:1rem}#contact .contact .contactform form .forminputs{display:flex;flex-direction:column;gap:2rem}#contact .contact .contactform form .forminputs .inputfield,#contact .contact .contactform form .forminputs .textareafield{display:flex;flex-direction:column;gap:.2rem}#contact .contact .contactform form .forminputs .inputfield input,#contact .contact .contactform form .forminputs .inputfield textarea,#contact .contact .contactform form .forminputs .textareafield input,#contact .contact .contactform form .forminputs .textareafield textarea{max-width:100%}#contact .contact .contactform form .forminputs .inputfield textarea,#contact .contact .contactform form .forminputs .textareafield textarea{resize:none;min-height:11rem}#contact .contact .contactform form .forminputs .inputfield .input,#contact .contact .contactform form .forminputs .textareafield .input{padding:.75rem;font-weight:bold;color:var(--BRANDI);font-size:1rem;outline:rgba(0,0,0,0);border:none;border-radius:.4rem;transition:all ease-in-out .4s}#contact .contact .contactform form .forminputs .inputfield .input:focus,#contact .contact .contactform form .forminputs .textareafield .input:focus{box-shadow:0 0 .7rem var(--BRANDIII),0 0 2.5rem var(--BRANDIII),0 0 5rem var(--BRANDIII);outline:none;border:none}#contact .contact .contactform form .forminputs .field.error .input{border:.1rem solid var(--ERROR)}#contact .contact .contactform form .forminputs .errortext{display:none;color:var(--ERROR)}#contact .contact .contactform form .forminputs .field.error .errortext{display:block}#contact .contact .contactform form .send{background:var(--BRANDIII);color:var(--BRANDI);font-weight:1000;padding:.2rem;font:bold 1.2rem "Gabriela";transition:all ease-in-out .4s;cursor:pointer;outline:none;border:none;border-radius:.2rem;text-align:center;width:100%}#contact .contact .contactform form .send:hover{background:var(--SUCCESS);color:var(--BRANDII)}@media(min-width: 576px){#contact .contact{justify-content:space-between;gap:2.5rem}#contact .contact .channels{width:40%}#contact .contact .contactform{width:50%}}#feedback{display:flex;flex-direction:column;gap:4rem;min-height:80vh;background:linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),url(../imgs/feedback7d6a74defc9b86786238.png) fixed no-repeat center/cover}#feedback h1{font-size:2.5rem}#feedback a{background:var(--BRANDIII);color:var(--BRANDI);font-weight:1000;padding:.2rem;font:bold 1.2rem "Gabriela";transition:all ease-in-out .4s;cursor:pointer;outline:none;border:none;border-radius:.2rem;text-align:center}#feedback a:hover{background:var(--SUCCESS);color:var(--BRANDII)}#hero{display:grid;gap:2.5rem;align-content:center;gap:20%;width:100%;min-height:80vh;background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url(../imgs/agosoomcagohero143e9ab700dffe5a7b09.jpg) fixed no-repeat center/cover}#hero .hero{padding:.2rem}#hero .hero h1{font-size:clamp(1.5rem,10vw,3.5rem);word-spacing:1rem}#hero .hero small{font-size:clamp(1rem,7vw,1.2rem)}#hero .hero p{font-size:clamp(1.2rem,7vw,1.5rem)}#hero .hero .actioncall{background:var(--BRANDIII);color:var(--BRANDI);font-weight:1000;padding:.2rem;font:bold 1.2rem "Gabriela";transition:all ease-in-out .4s;cursor:pointer;outline:none;border:none;border-radius:.2rem;text-align:center}#hero .hero .actioncall:hover{background:var(--SUCCESS);color:var(--BRANDII)}@media(min-width: 576px){#hero{gap:30%}#hero .hero:first-child{justify-self:left}#hero .hero:nth-child(2){justify-self:center}}#projects{display:grid;gap:2.5rem;background:var(--BRANDII);color:var(--BRANDI)}#projects .projects{display:grid;grid-template-columns:repeat(auto-fit, minmax(15rem, 1fr));gap:2rem;justify-content:center}#projects .projects .dynamics,#projects .projects .statics{padding:.2rem}#projects .projects .dynamics h4,#projects .projects .statics h4{font-size:clamp(1.2rem,7vw,1.5rem);margin:1rem 0rem}#projects .projects .dynamics .projectlinks,#projects .projects .statics .projectlinks{display:grid;gap:2.5rem}#projects .projects .dynamics .projectlinks .links,#projects .projects .statics .projectlinks .links{display:flex;align-content:space-between;flex-wrap:wrap;gap:2.5rem}#projects .projects .dynamics .projectlinks .links a,#projects .projects .statics .projectlinks .links a{color:var(--LINKS);transition:all ease-in-out .4s;display:inline-block;font-size:1.2rem;font-weight:500;text-shadow:.1rem .1rem .7rem var(--BRANDI)}#projects .projects .dynamics .projectlinks .links a:hover,#projects .projects .statics .projectlinks .links a:hover{text-decoration:underline;transform:translate(-0.3125rem, -0.1875rem);text-shadow:.15rem .4rem .5rem var(--BRANDIII)}#projects .projects .dynamics .projectlinks .seemore,#projects .projects .statics .projectlinks .seemore{background:var(--BRANDIII);color:var(--BRANDI);font-weight:1000;padding:.2rem;font:bold 1.2rem "Gabriela";transition:all ease-in-out .4s;cursor:pointer;outline:none;border:none;border-radius:.2rem;text-align:center}#projects .projects .dynamics .projectlinks .seemore:hover,#projects .projects .statics .projectlinks .seemore:hover{opacity:.7}#projects .projects .statics{background:var(--COLOURIII);padding:.75rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);border-radius:.7rem;border-radius:2rem 0rem 2rem 0rem}#skills{display:grid;gap:2.5rem;background:var(--BRANDI);color:var(--BRANDII)}#skills .skills{display:flex;align-content:space-between;flex-wrap:wrap;gap:2.5rem;justify-content:center;padding-bottom:1.5rem}#skills .skills p{font-size:clamp(2.5rem,10vw,3.5rem)}#skills .skills .html{color:var(--HTML)}#skills .skills .css{color:var(--CSS)}#skills .skills .tailwindcss{color:var(--TAILWIND)}#skills .skills .javascript{color:var(--JAVASCRIPT)}#skills .skills .nodejs{color:var(--NODEJS)}#skills .skills .mongodb{color:var(--MONGODB)}#skills .skills .sass{color:var(--SASS)}#skills .skills .bootstrap{color:var(--BOOTSTRAP)}#skills .skills .materialize{color:var(--MATERIALIZE)}

/*# sourceMappingURL=indexcdf4b1fceafe86fc171b.css.map*/