:root{--navy-shadow:rgba(2,12,27,.7);--background-color:#0a192f;--lightest-navy:#233554;--light-navy:#112240;--info-light-navy:rgba(17,34,64,.5);--dark-slate:#495670;--slate:#8892b0;--light-slate:#ccd6f6;--lightest-slate:#a8b2d1;--theme-color:#5596bf;--lang-icon-color:#cacaca;--transition:ease-in-out 0.3s;--grayFont:#919295}::selection{color:#fff;background:var(--theme-color)}body,html{scroll-behavior:smooth!important}body{background-color:var(--background-color);counter-reset:title}main{transition:.3s ease-in-out}.blur{filter:blur(10px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:var(--dark-slate) var(--background-color)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background-color:var(--dark-slate);border:3px solid var(--background-color);border-radius:10px}section{padding-top:2rem;scroll-margin-top:6rem}:root{--xsFont:clamp(0.5em,2vw,0.8em);--tsm:13px;--tsm1:14px;--tsm2:clamp(1em,4vw,1.5em);--tbase:16px;--tlarge:clamp(1em,4vw,1.5em);--tlarge2:22px;--txlarge:25px;--tx2large:32px;--tgiant:clamp(1.5em,10vw,3em)}@media screen and (max-width:480px){:root{--tx2large:25px}}.social-icons{position:fixed;bottom:0;left:4rem}.social-icons-list{list-style-type:none;display:flex;flex-direction:column;gap:.5rem}.social-icons-list-item{font-size:var(--tlarge2);transition:.3s ease-in-out;display:flex;justify-content:center;align-items:center}.social-icons-list-item-link{padding:10px;color:var(--lightest-slate);transition:.3s ease-in-out;outline:2px dashed transparent}.social-icons-list-item-link:hover{color:var(--theme-color)}.social-icons-list-item-link:focus{outline-color:var(--theme-color);transform:translateY(-4px);color:var(--theme-color)}.social-icons-list-item:hover{transform:translateY(-4px)}.social-icons-list-item:last-child{margin-bottom:2rem}.social-icons-list:after{content:"";display:block;width:2px;height:90px;margin:0 auto;background-color:var(--light-slate)}@media screen and (max-width:1080px){.social-icons{left:2rem}}@media screen and (max-width:768px){.social-icons{display:none}}.btn{color:var(--theme-color);padding:.75em 1em;text-decoration:none;border:1px solid var(--theme-color);border-radius:4px;background-color:transparent;font-family:"SF Mono",var(--fira-code),"Fira Mono","Roboto Mono",monospace;font-size:var(--tsm);outline:none}.btn:focus,.btn:hover{background-color:var(--lightest-navy)}.link{text-decoration:none;display:inline-block;position:relative;color:var(--theme-color)}.link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:.5px;bottom:0;left:0;background-color:var(--theme-color);transform-origin:bottom right;transition:transform .25s ease-out}.link:focus:after,.link:hover:after{transform:scaleX(1);transform-origin:bottom left}.link:focus{outline:none}.loader{color:var(--theme-color);fill:none;display:flex;justify-content:center;align-items:center;overflow:hidden;height:90vh}.loader svg{height:10rem;width:10rem}.form{width:100%;font-family:var(--fira-code);display:flex;flex-direction:column;row-gap:1.3em;background:linear-gradient(#0a192f,#0a192f) padding-box,linear-gradient(145deg,transparent 35%,var(--light-slate),#0a192f) border-box;border:2px solid transparent;padding:6rem 2rem;font-size:14px;color:#fff;gap:20px;box-sizing:border-box;border-radius:16px;background-size:200% 100%;animation:gradient 5s ease infinite}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media(min-width:1024px){.form{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:5%;column-gap:5%;grid-row-gap:1.3em;row-gap:1.3em;width:80%;justify-content:center}.form>:first-child{grid-column:1/2}.form>:nth-child(2){grid-column:2/3}.form>:nth-child(3),.form>:nth-child(4){grid-column:1/3}}@media(min-width:1250px){.form{width:100%}}@media(min-width:2000px){.form{width:80%}}.form .details,.form .email,.form .name{padding-inline:1rem}.form .details{grid-column:1/3;width:100%}.form #details,.form #email,.form #name{height:3em;border-radius:5px;width:100%;transition:border-bottom-color .3s ease;border:1px solid var(--light-slate);outline:none}@media(min-width:1024px){.form #details,.form #email,.form #name{width:100%;padding-inline:1rem}}.form #details{height:auto}.form-input-label{font-size:clamp(.85rem,1.5vw,1.5rem);color:var(--light-slate);transition:.25s ease;padding-block:.3rem}.form .form-input-field::placeholder,.form textarea::placeholder{font-weight:600;font-size:clamp(.7em,1vw,1em);color:hsla(0,0%,100%,.7)}.form-input-field{padding:.8rem;width:100%;height:50px;border-radius:3px;border:1px solid #302d2d;background-color:transparent;color:#fff;transition:.1s;font-size:clamp(.5em,3vw,1em)}.form-input-field.invalid{border-color:#ed4337!important}.form-input-field.valid{border-color:#25d366!important}.form-input-field:focus{border:1px solid #08f!important;outline:none}.form-input-field:focus::placeholder{color:#08f}.form .action-btn{font-weight:900;text-align:center;width:100%;padding:7px 0;border-radius:20px;cursor:pointer;transition:.3s;margin-top:2em;text-decoration:none;text-transform:uppercase;outline:none;border:none}@media(min-width:1024px){.form .action-btn{grid-column:1/3;width:60%;justify-self:center;margin-top:1rem}}.form .action-btn:hover{opacity:.9;transition:var(--transition)}.form .action-btn:focus{outline:0}.error{font-size:var(--xsFont);color:#ed4337;margin-top:.5rem}.message-box{position:fixed;bottom:20px;right:20px;transform:translateY(100px);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out}.message-box.visible{transform:translateY(0);opacity:1}.message-box .close-button{background:none;border:none;color:#fff;cursor:pointer;padding:0;margin-left:10px;display:flex;align-items:center;justify-content:center}.message-box .close-button:hover{opacity:.8}.card{max-width:450px;align-items:flex-start;justify-content:space-between;background-color:rgba(10,25,47,.851);padding:1rem;color:#6b7280;box-shadow:0 87px 78px -39px rgba(0,0,0,.8)}.card,.icon{display:flex;border-radius:.5rem}.icon{height:2rem;width:2rem;flex-shrink:0;align-items:center;justify-content:center;background-color:0 87px 78px -39px #000;color:var(--theme-color)}.icon svg{fill:transparent;height:1.25rem;width:1.25rem}.content{margin-left:.75rem;font-weight:400}.content,.title{font-size:.875rem;line-height:1.25rem}.title{margin-bottom:.25rem;font-weight:600;color:#fff}.desc{margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem;font-weight:400;color:#cac8c8}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.box-action-btn,.notnow{width:100%;display:inline-flex;justify-content:center;padding:.375rem .5rem;text-align:center;line-height:1rem;color:var(--theme-color);text-decoration:none;border:1px solid var(--theme-color);border-radius:4px;background-color:transparent;font-family:"SF Mono",var(--fira-code),"Fira Mono","Roboto Mono",monospace;font-size:var(--tsm);outline:none;cursor:pointer}.box-action-btn:focus,.box-action-btn:hover,.notnow:focus,.notnow:hover{background-color:var(--lightest-navy)}.box-action-btn.error{border:1px solid #f44336;border-radius:4px;background-color:#f44336;color:#fff}.notnow{font-weight:500}.notnow,.notnow:hover:focus,.notnow:hover:hover{background-color:var(--lightest-navy)}.close{cursor:pointer;margin:-.375rem -.375rem -.375rem auto;height:2rem;width:2rem;display:inline-flex;border-radius:.5rem;padding:.375rem;color:var(--theme-color);background-color:transparent;border:none}.close svg{height:1.25rem;width:1.25rem}.close:hover{background-color:var(--lightest-navy)}.loading-indicator{position:absolute;align-self:center;justify-self:center;margin-inline:auto}.language-button-container{display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.language-button-container{flex-direction:row}}.language-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:.75em 1em;text-decoration:none;border-radius:4px;color:var(--theme-color);border:1px solid var(--theme-color);background-color:transparent;font-family:"SF Mono",var(--fira-code),"Fira Mono","Roboto Mono",monospace;font-size:var(--tsm);outline:none}.language-button:focus,.language-button:hover{background-color:var(--lightest-navy)}.language-resume-icon{margin-left:.5rem;width:1rem;height:1rem}.language-resume-dropdown{position:relative}.language-dropdown-content{display:none;position:absolute;top:105%;min-width:100px;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:1;border-radius:.375rem;border:1px solid var(--theme-color);background-color:transparent;overflow:hidden}@media(min-width:1020px){.language-dropdown-content{right:5%}}.language-dropdown-content.show{display:block}.language-dropdown-item{padding:.5rem 1rem;display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;color:var(--theme-color)}.language-dropdown-item:hover{background-color:var(--lightest-navy)}.nav-social-icons-list{list-style-type:none;display:flex;gap:.5rem}.nav-social-icons-list-item{font-size:var(--tlarge2);transition:.3s ease-in-out;display:flex;justify-content:center;align-items:center}.nav-social-icons-list-item-link{padding:10px;color:var(--lightest-slate);transition:.3s ease-in-out;outline:2px dashed transparent}.nav-social-icons-list-item-link:hover{color:var(--theme-color)}.nav-social-icons-list-item-link:focus{outline-color:var(--theme-color);transform:translateY(-4px);color:var(--theme-color)}.nav-social-icons-list-item:hover{transform:translateY(-4px)}@media screen and (min-width:1020px){.nav-social-icons{display:none}}main{margin-inline:auto;max-width:90vw}body{max-width:100vw;overflow-x:hidden}@media(min-width:767px){main{padding-left:7vw}}nav{min-height:60px}nav .wrapper{width:100%;justify-content:space-between;padding:0 4rem;position:relative}nav .wrapper,nav .wrapper .brand a{display:flex;align-items:center;transition:.3s ease-in-out}nav .wrapper .brand a{color:var(--theme-color);justify-content:center;height:3rem;width:3rem;fill:none;margin:2rem 0;cursor:pointer;outline:2px dashed transparent}nav .wrapper .brand a:hover{fill:rgba(100,250,217,.102)}nav .wrapper .brand a:focus{outline-color:var(--theme-color);fill:rgba(100,250,217,.102)}nav .wrapper .nav-responsive-toggle{display:none;color:var(--theme-color);font-size:var(--tlarge2);justify-content:center;align-items:center;transition:.3s ease-in-out;z-index:15}nav .wrapper .nav-items{display:flex;gap:2em;color:var(--lightest-slate);font-family:var(--fira-code);font-weight:500;font-size:var(--tsm1)}nav .wrapper .nav-items-list{display:flex;gap:2rem;list-style-type:none;align-items:center}nav .wrapper .nav-items-list-item a{outline:2px dashed transparent;padding:10px;text-decoration:none;color:inherit;transition:.3s ease-in-out}nav .wrapper .nav-items-list-item:hover{color:var(--theme-color)}nav .wrapper .nav-items-list-item .active{color:#5596bf;font-weight:700;outline:2px dashed var(--theme-color)}nav .wrapper .nav-items-list-item:first-child .active{outline:none;color:var(--lightest-slate);font-weight:400}nav .wrapper .nav-items-button{display:flex;gap:1rem;justify-content:center;margin-top:2rem}@media screen and (max-width:1020px){nav .wrapper{padding:0 2rem}nav .wrapper .nav-responsive-toggle{display:flex;z-index:15}nav .wrapper .nav-items{position:fixed;height:100vh;right:0;width:0;opacity:0;visibility:hidden;top:0;padding:50px 10px;background-color:var(--light-navy);flex-direction:column;justify-content:center;align-items:center;transition:.3s ease-in-out;z-index:11}nav .wrapper .nav-items-list{flex-direction:column}nav .wrapper .nav-responsive{width:min(75vw,400px);visibility:visible;opacity:1}}nav .blur-nav{height:80px;position:fixed;top:0;transition:.3s ease-in-out;z-index:100;background-color:rgba(10,25,47,.85);box-shadow:0 10px 30px -10px var(--navy-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media screen and (min-width:768px){nav .wrapper .nav-items-button{margin-top:0!important}}.hero{display:flex;flex-direction:column;gap:1rem;justify-content:center;width:100%;min-height:80vh;padding-top:0;margin-bottom:1rem}.hero-inner-container{max-width:100%}.hero-img-container{display:none}.hero-img{width:100%;height:100%}.hero-title{color:var(--theme-color);font-size:var(--tsm2);font-family:var(--fira-code)}.hero-title-large{font-size:var(--tgiant);font-family:var(--raleway);color:var(--light-slate)}.hero-title-sub{color:var(--lightest-slate)}.hero-text{color:var(--slate);font-size:var(--tlarge);letter-spacing:.07rem;line-height:1.6rem;font-weight:600;font-family:var(--raleway)}.hero-button{margin-top:2rem}.hero-button .btn{padding:1rem 2rem;font-size:var(--tsm1)}@media(min-width:769px){.hero{flex-direction:row;margin-bottom:3.5rem}.hero-inner-container{display:flex;flex-direction:column;justify-content:center}.hero-img-container{display:flex;align-items:center;width:40%}.hero-text{width:90%}}.about{margin:8rem 0}.about img{--m:radial-gradient(circle farthest-side at right,#000 99%,#0000) 0 100%/46% 92% no-repeat,radial-gradient(circle farthest-side at left,#000 99%,#0000) 100% 0/46% 92% no-repeat;-webkit-mask:var(--m);mask:var(--m);filter:grayscale(.3);transition:.3s linear;cursor:pointer}.about img:hover{-webkit-mask-position:7.5% 50%,92.5% 50%;mask-position:7.5% 50%,92.5% 50%;filter:grayscale(0)}.about .title{font-family:var(--raleway);color:var(--theme-color);position:relative}.about .title h2{margin-bottom:2rem;font-size:var(--tx2large);font-weight:700}.about-grid{display:grid;grid-template-columns:60% 40%;grid-gap:1rem;gap:1rem}.about-grid-info{display:flex;flex-direction:column;gap:1rem}.about-grid-info-text{color:var(--slate);margin-right:10%;font-size:var(--tlarge);letter-spacing:.07rem;line-height:1.6rem;font-weight:500;font-family:var(--raleway)}.about-grid-info-list{display:grid;grid-template-columns:33% 33% 33%;list-style-type:none;padding:0 3rem}.about-grid-info-list-item{font-family:var(--raleway);line-height:1.6rem;font-weight:500;font-size:var(--tbase);color:var(--slate);position:relative}.about-grid-info-list-item:before{content:"▹";position:absolute;left:-20px;top:6px;color:var(--theme-color);line-height:12px}.about-grid-photo{position:relative;width:max-content;height:max-content}.about-grid-photo-container{position:relative;height:350px;width:350px;object-fit:cover}.about-grid-photo-container img{z-index:0;filter:grayscale(100%);transition:.3s ease-in-out;border-radius:.2rem}@media screen and (max-width:1080px){.about-grid-photo .overlay,.about-grid-photo-container{height:223px;width:223px}.about-grid-info-list{grid-template-columns:1fr}}@media screen and (max-width:768px){.about-grid{display:flex;justify-content:center;align-items:center;flex-direction:column}.about-grid-photo{margin-top:3rem}.about-grid-photo .overlay,.about-grid-photo-container{height:300px;width:300px}.about-grid-info-text{margin-right:0}}@media screen and (max-width:480px){.about-grid-photo .overlay,.about-grid-photo-container{height:223px;width:223px}}.experience{max-width:700px;margin:5rem auto 4rem;padding-top:3rem;padding-bottom:5rem}.experience .title{font-family:var(--raleway);color:var(--theme-color);position:relative}.experience .title h2{margin-bottom:2rem;font-size:var(--tx2large);font-weight:700}.experience .container{display:grid;grid-template-columns:20% 80%;grid-gap:1rem;gap:1rem}.experience .container .exp-slider{list-style-type:none;position:relative;height:max-content}.experience .container .exp-slider .underline{background-color:var(--theme-color);position:absolute;left:-.5px;top:0;height:2.5rem;width:3px;transition:.3s ease-in-out}.experience .container .exp-slider:before{position:absolute;left:0;content:"";height:100%;width:1px;background-color:var(--lightest-navy)}.experience .container .exp-slider-item{height:2.5rem;padding:0 1.5rem;display:flex;vertical-align:middle;cursor:pointer;width:100%}.experience .container .exp-slider-item span{display:flex;justify-content:center;align-items:center;color:var(--slate);font-family:var(--fira-code);font-size:var(--tsm1)}.experience .container .exp-slider-item:hover{background-color:var(--info-light-navy)}.experience .container .exp-slider-item-selected span,.experience .container .exp-slider-item:hover span{color:var(--theme-color)}.experience .container .exp-details{font-family:var(--raleway)}.experience .container .exp-details-position{color:var(--lightest-slate)}.experience .container .exp-details-position-company{color:var(--theme-color)}.experience .container .exp-details-range{color:var(--light-slate)}.experience .container .exp-details-list{list-style-type:none;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding-left:20px}.experience .container .exp-details-list-item{position:relative;color:var(--slate);font-weight:500}.experience .container .exp-details-list-item:before{content:"▹";position:absolute;left:-20px;top:6px;color:var --theme-color;line-height:12px}@media screen and (max-width:600px){.experience{margin:0 auto}.experience .container{grid-template-columns:1fr;padding:1rem}.experience .container .exp-details{height:max-content}.experience .container .exp-slider{display:flex;overflow-x:scroll}.experience .container .exp-slider .underline,.experience .container .exp-slider:before{display:none}}@media screen and (min-width:968px){.experience{padding-top:2.5rem}}.projects{margin:3rem auto 0}.projects .title{margin-top:1rem}.projects .title h2{font-family:var(--raleway);color:var(--theme-color);position:relative;margin-bottom:2rem;font-size:var(--tx2large);font-weight:700}.projects-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.projects .project{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);transition:transform .3s ease}.projects .project:hover{transform:translateY(-5px)}.projects .project:hover .project-info{padding:15px;overflow-y:auto;opacity:1}.projects .project-image{position:relative;width:100%;padding-top:56.25%}.projects .project-image .project-image-container,.projects .project-info{position:absolute;top:0;left:0;width:100%;height:100%}.projects .project-info{background-color:rgba(10,25,47,.8);color:#fff;opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:space-evenly;padding:15px;overflow-y:auto}.projects .project-info .project-info-title{font-weight:700;font-size:clamp(18px,2vw,24px);margin-bottom:8px;line-height:1.2;max-width:100%;word-wrap:break-word;color:var(--theme-color);font-family:var(--raleway);cursor:pointer;transition:.3s ease-in-out}.projects .project-info .project-info-title:hover{color:var(--theme-color)}.projects .project-info .project-info-description{font-size:clamp(12px,1.5vw,14px);margin-bottom:12px;line-height:1.4}.projects .project-info .project-info-tech-list{display:flex;flex-wrap:wrap;list-style-type:none;gap:4px;margin-bottom:12px}.projects .project-info .project-info-tech-list .project-info-tech-list-item{font-size:clamp(10px,1.2vw,12px);font-weight:700;padding:2px 6px;background-color:hsla(0,0%,100%,.2);border-radius:3px}.projects .project-info .project-info-links{display:flex;gap:15px;list-style-type:none}.projects .project-info .project-info-links .project-info-links-item-link{color:var(--lightest-slate);font-size:20px;transition:color .2s ease;outline:2px dashed transparent}.projects .project-info .project-info-links .project-info-links-item-link:hover{color:var(--theme-color)}@media(max-width:359px){.projects .project-info .project-info-title{font-size:18px;margin-bottom:6px}}@media(min-width:400px)and (max-width:520px){.projects .projects-container{grid-template-columns:1fr;gap:15px}.projects .project-info{padding:12px}.projects .project-info .project-info-title{font-size:20px;margin-bottom:8px;padding-bottom:5px}.projects .project-info .project-info-description{font-size:15px}}@media(min-width:520px){.projects .project-info .project-info-description{font-size:1rem}}@media(min-width:520px)and (max-width:768px){.projects{padding:50px 10px}.projects .projects-container{grid-template-columns:minmax(280px,1fr);max-width:500px;margin:0 auto}}@media(min-width:600px)and (max-width:768px){.projects .project-info .project-info-title{font-size:22px}.projects .project-info .project-info-description{font-size:16px}}.contact{max-width:700px;margin:0 auto;display:flex;gap:1rem;justify-content:center;align-items:center;flex-direction:column}.contact .contact-sub-title{font-size:var(--tgiant);font-family:var(--raleway);color:var(--light-slate)}.contact .contact-form-text,.contact .contact-text{color:var(--slate);font-size:var(--tlarge);letter-spacing:.07rem;line-height:1.6rem;font-weight:500;font-family:var(--raleway);text-align:center}.contact .contact-form-text{padding:2em}.contact .contact-cta{margin-top:1rem}.contact .contact-cta .btn{padding:1rem 2rem}footer{display:flex;justify-content:center;align-content:center;padding:15px;min-height:70px}footer .footer-link{text-decoration:none;display:flex;flex-direction:column;gap:.5rem;color:var(--theme-color);outline:2px dashed transparent;transition:.3s ease-in-out;padding:10px;font-size:var(--tsm1)}footer .footer-link:focus{outline-color:var(--theme-color)}footer .footer-link .footer-info{font-family:var(--fira-code);text-align:center}footer .footer-link .footer-git{display:flex;justify-content:center;align-items:baseline;gap:1rem}footer .footer-link .footer-git-item{display:flex;gap:.3rem}footer .footer-link .footer-git-item-icon{display:flex;justify-content:center;align-items:center}.skills{overflow:hidden;padding-top:4rem}.skills .title{padding-top:7rem}.skills .title h2{font-family:var(--raleway);color:var(--theme-color);position:relative;margin-bottom:2rem;font-size:var(--tx2large);font-weight:700}.skills .lang-wrapper-container{display:flex;gap:3rem;flex-wrap:wrap;justify-content:center;width:100%}.skills .lang-wrapper-container .language-wrapper{display:flex;flex-direction:column;justify-content:center;gap:.5rem;align-items:center;color:var(--lang-icon-color)}.skills .lang-wrapper-container .language-wrapper .cib-next-js,.skills .lang-wrapper-container .language-wrapper .cib-redux,.skills .lang-wrapper-container .language-wrapper .fa-bootstrap,.skills .lang-wrapper-container .language-wrapper .fa-css3,.skills .lang-wrapper-container .language-wrapper .fa-fan,.skills .lang-wrapper-container .language-wrapper .fa-html5,.skills .lang-wrapper-container .language-wrapper .fa-js,.skills .lang-wrapper-container .language-wrapper .fa-react,.skills .lang-wrapper-container .language-wrapper .fa-sass,.skills .lang-wrapper-container .language-wrapper .firebase,.skills .lang-wrapper-container .language-wrapper .mongo-db,.skills .lang-wrapper-container .language-wrapper .node-js,.skills .lang-wrapper-container .language-wrapper .php,.skills .lang-wrapper-container .language-wrapper .sql,.skills .lang-wrapper-container .language-wrapper .tailwind-css,.skills .lang-wrapper-container .language-wrapper .typescript{font-size:8rem;color:var(--lang-icon-color)}.skills .lang-wrapper-container .language-wrapper .cib-next-js:hover,.skills .lang-wrapper-container .language-wrapper .cib-redux:hover,.skills .lang-wrapper-container .language-wrapper .fa-bootstrap:hover,.skills .lang-wrapper-container .language-wrapper .fa-css3:hover,.skills .lang-wrapper-container .language-wrapper .fa-fan:hover,.skills .lang-wrapper-container .language-wrapper .fa-html5:hover,.skills .lang-wrapper-container .language-wrapper .fa-js:hover,.skills .lang-wrapper-container .language-wrapper .fa-react:hover,.skills .lang-wrapper-container .language-wrapper .fa-sass:hover,.skills .lang-wrapper-container .language-wrapper .firebase:hover,.skills .lang-wrapper-container .language-wrapper .mongo-db:hover,.skills .lang-wrapper-container .language-wrapper .node-js:hover,.skills .lang-wrapper-container .language-wrapper .php:hover,.skills .lang-wrapper-container .language-wrapper .sql:hover,.skills .lang-wrapper-container .language-wrapper .tailwind-css:hover,.skills .lang-wrapper-container .language-wrapper .typescript:hover{transition:.3s ease-in-out;transform:scale(1.1)}.skills .lang-wrapper-container .language-wrapper .fa-html5:hover{color:#e34e26}.skills .lang-wrapper-container .language-wrapper .fa-css3:hover{color:#0277bd}.skills .lang-wrapper-container .language-wrapper .fa-js:hover{color:#d4b830}.skills .lang-wrapper-container .language-wrapper .fa-sass:hover{color:#cd6799}.skills .lang-wrapper-container .language-wrapper .fa-react:hover{color:#53c1de}.skills .lang-wrapper-container .language-wrapper .fa-bootstrap:hover{color:#563d7c}.skills .lang-wrapper-container .language-wrapper .cib-next-js:hover{fill:#474747}.skills .lang-wrapper-container .language-wrapper .cib-redux:hover{fill:#764abc}.skills .lang-wrapper-container .language-wrapper .fa-fan:hover{color:#f23e50}.skills .lang-wrapper-container .language-wrapper .php:hover{color:#7377ad}.skills .lang-wrapper-container .language-wrapper .node-js:hover{color:#74b15b}.skills .lang-wrapper-container .language-wrapper .mongo-db:hover{color:#59b747}.skills .lang-wrapper-container .language-wrapper .tailwind-css:hover{color:#3ebff8}.skills .lang-wrapper-container .language-wrapper .firebase:hover{color:#ffa714}.skills .learning-skills{margin-top:4rem;padding-block:3rem}.skills .learning-skills h2{font-family:var(--raleway);color:var(--theme-color);position:relative;margin-bottom:2rem;font-size:var(--tx2large);font-weight:700}.skills .learning-skills .learning-wrapper{display:flex;justify-content:center;align-items:center;gap:3rem}.skills .learning-skills .learning-wrapper .language-wrapper{display:flex;flex-direction:column;justify-content:center;gap:.5rem;align-items:center;color:var(--lang-icon-color)}.skills .learning-skills .learning-wrapper .node-js,.skills .learning-skills .learning-wrapper .php,.skills .learning-skills .learning-wrapper .sql,.skills .learning-skills .learning-wrapper .typescript{font-size:8rem;color:var(--lang-icon-color)}.skills .learning-skills .learning-wrapper .node-js:hover,.skills .learning-skills .learning-wrapper .php:hover,.skills .learning-skills .learning-wrapper .sql:hover,.skills .learning-skills .learning-wrapper .typescript:hover{transition:.3s ease-in-out;transform:scale(1.1)}.skills .learning-skills .learning-wrapper .sql:hover,.skills .learning-skills .learning-wrapper .typescript:hover{color:#007acc}.skills .learning-skills .learning-wrapper .php:hover{color:#7377ad}@media screen and (max-width:968px){.skills .lang-wrapper-container .language-wrapper .cib-next-js,.skills .lang-wrapper-container .language-wrapper .cib-redux,.skills .lang-wrapper-container .language-wrapper .fa-bootstrap,.skills .lang-wrapper-container .language-wrapper .fa-css3,.skills .lang-wrapper-container .language-wrapper .fa-fan,.skills .lang-wrapper-container .language-wrapper .fa-html5,.skills .lang-wrapper-container .language-wrapper .fa-js,.skills .lang-wrapper-container .language-wrapper .fa-react,.skills .lang-wrapper-container .language-wrapper .fa-sass,.skills .lang-wrapper-container .language-wrapper .firebase,.skills .lang-wrapper-container .language-wrapper .mongo-db,.skills .lang-wrapper-container .language-wrapper .node-js,.skills .lang-wrapper-container .language-wrapper .tailwind-css,.skills .lang-wrapper-container .language-wrapper .typescript,.skills .learning-skills .language-wrapper .php,.skills .learning-skills .language-wrapper .sql{font-size:5rem}}@font-face{font-family:Fugaz One;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4007bd53a5e80126-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fugaz One Fallback;src:local("Arial");ascent-override:92.89%;descent-override:37.48%;line-gap-override:0.00%;size-adjust:112.61%}.__className_7d2d5c{font-family:Fugaz One,Fugaz One Fallback;font-weight:400;font-style:normal}.__variable_7d2d5c{--fugaz-one:"Fugaz One","Fugaz One Fallback"}@font-face{font-family:Raleway;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/200388358b398524-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Raleway;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/34900c74a84112b6-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Raleway;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/10dadb2e82d03733-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Raleway;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/5f2068c3133468f5-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Raleway;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9bf67a161a796382-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Raleway Fallback;src:local("Arial");ascent-override:90.51%;descent-override:22.53%;line-gap-override:0.00%;size-adjust:103.86%}.__className_88131f{font-family:Raleway,Raleway Fallback;font-style:normal}.__variable_88131f{--raleway:"Raleway","Raleway Fallback"}@font-face{font-family:Fira Code;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/999e639cd9d85971-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Fira Code;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/848b99572ad207f3-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/e6b5cfd5a74e1cae-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Fira Code;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/6aacc40b7795b725-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/67110d8fe39c5e84-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Fira Code;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/046b90749014f852-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/c97d4358b5ad6f1f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/999e639cd9d85971-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/848b99572ad207f3-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e6b5cfd5a74e1cae-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/6aacc40b7795b725-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/67110d8fe39c5e84-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/046b90749014f852-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/c97d4358b5ad6f1f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/999e639cd9d85971-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/848b99572ad207f3-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e6b5cfd5a74e1cae-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/6aacc40b7795b725-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/67110d8fe39c5e84-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/046b90749014f852-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c97d4358b5ad6f1f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fira Code;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/999e639cd9d85971-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Fira Code;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/848b99572ad207f3-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e6b5cfd5a74e1cae-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Fira Code;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/6aacc40b7795b725-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/67110d8fe39c5e84-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Fira Code;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/046b90749014f852-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c97d4358b5ad6f1f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fira Code;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/999e639cd9d85971-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Fira Code;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/848b99572ad207f3-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e6b5cfd5a74e1cae-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Fira Code;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/6aacc40b7795b725-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/67110d8fe39c5e84-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Fira Code;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/046b90749014f852-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Fira Code;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/c97d4358b5ad6f1f-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Fira Code Fallback;src:local("Arial");ascent-override:73.56%;descent-override:23.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_693020{font-family:Fira Code,Fira Code Fallback;font-style:normal}.__variable_693020{--fira-code:"Fira Code","Fira Code Fallback"}