*,*:before,*:after{box-sizing:border-box}html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}*{font-size:16px;font-family:Inter,Roboto,Source Sans Pro,Helvetica Neue,Arial,sans-serif!important}html{scroll-behavior:smooth}@media (min-width: 2500px){html{width:50%;margin:auto}}@media (min-width: 3000px){html{width:30%;margin:auto}}body{background-color:#f6f7f7;overflow-x:hidden}main{width:92%;margin:auto}h1,h2{font-family:Lora,Cormorant,"serif"!important;font-size:2rem}p{line-height:1.5rem}a{text-decoration:none;color:#000}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.classicLink{background-color:#3858e9;color:#fff;padding:1rem 0;text-align:center;display:block;width:50%;border-radius:5px;font-weight:500;margin:2rem auto 4rem 0}@media (min-width: 760px){.classicLink{width:50%;padding:1rem 0}}@media (min-width: 950px){.classicLink{width:30%}}.classicLink:hover{opacity:.8}.section{margin:3.5rem 0 2rem;position:relative;padding-bottom:.8rem}.section:after{content:"";position:absolute;bottom:0;left:-5%;width:120vw;height:1px;background-color:#c3c4c7}@media (min-width: 2500px){.section:after{width:109.5%}}@media (min-width: 1150px){.section{margin-top:6rem;padding-bottom:3rem}}@media (min-width: 1150px){.section h2{font-size:3.5rem}}.section .description{color:#3c434a;margin-top:1.5rem}@media (min-width: 760px){.section .description{width:50%}}@media (min-width: 1150px){.section .description{font-size:1.125rem}}.section .descriptionLink{width:80%;margin:1rem 0 3rem}@media (min-width: 480px){.section .descriptionLink{width:60%}}@media (min-width: 600px){.section .descriptionLink{width:50%}}@media (min-width: 760px){.section .descriptionLink{width:40%}}@media (min-width: 950px){.section .descriptionLink{width:20%}}@media (min-width: 1150px){.section .descriptionLink{margin:2rem 0 4rem}}.contact{background-color:#f6f7f7;margin:0 0 0 -4.2%!important;padding:6rem 13% 0 4%;width:108vw}@media (min-width: 1150px){.contact{padding-right:15%}}@media (min-width: 2500px){.contact{width:110%;padding-right:0}}.contact form{margin-top:2rem;display:flex;flex-direction:column}.contact form label{visibility:hidden;height:1px}.contact form input,.contact form textarea{margin:0 0 2rem;border:1px solid #c3c4c7;border-radius:6px;padding-left:3%;font-family:Lora,Cormorant,serif!important;resize:none}.contact form input{height:4rem}@media (min-width: 950px){.contact form input{height:8rem;font-size:3rem}}.contact form input:focus{outline:none}.contact form textarea{height:7rem;padding-top:.5rem}@media (min-width: 950px){.contact form textarea{height:15rem;font-size:3rem}}.contact form textarea:focus{outline:none}.contact form button{background-color:#3858e9;color:#fff;border:none;padding:.8rem 0;border-radius:7px;font-weight:500;cursor:pointer;margin-bottom:2rem}.contact form button:hover{opacity:.8}@media (min-width: 600px){.contact form button{width:75%;margin:1rem auto 4rem}}@media (min-width: 760px){.contact form button{width:45%}}@media (min-width: 950px){.contact form button{width:25%}}.projects .highway-slider{overflow:hidden;width:108%;margin-left:-4%}.projects .highway-slider .highway-lane{display:flex;justify-content:space-between;overflow:visible;width:3000px;animation:scroll 10s linear infinite}.projects .highway-slider .highway-lane:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-1500px)}}.projects .highway-slider .highway-lane .highway-car{display:flex;align-items:center;margin-right:2%;position:relative;transition:1s;width:90%}@media (min-width: 760px){.projects .highway-slider .highway-lane .highway-car{width:32%;margin-right:1%}}.projects .highway-slider .highway-lane .highway-car img{max-width:100%;height:auto;border-radius:10px}.projects .highway-slider .highway-lane .highway-car:hover{filter:grayscale(60%);transition:1s}.projects .highway-slider .highway-lane .highway-car:hover .projectsLink{opacity:1;transition:.4s}.projects .highway-slider .highway-lane .highway-car .projectsLink{position:absolute;top:50%;left:50%;background-color:#1b1919;opacity:0;color:#fff;transform-origin:center center;transform:translate(-50%,-50%);transition:.4s;padding:1rem 10%;border-radius:5px}.projects .smallGithub{font-size:.8rem;text-align:center;color:#3858e9;margin:2rem 0 1rem}@media (min-width: 600px){.projects .smallGithub{font-size:1rem}}@media (min-width: 760px){.projects .smallGithub{font-size:1.2rem;margin:4rem auto 3rem}}.projects .smallGithub span{font-family:Space Mono,Consolas,monospace!important;color:#8cc615;font-weight:600}.projects #github{font-family:Lora,Cormorant,"serif"!important;font-size:2rem;color:#3858e9;text-align:center;line-height:2.5rem}@media (min-width: 600px){.projects #github{width:80%;margin:auto}}@media (min-width: 760px){.projects #github{width:70%}}@media (min-width: 760px){.projects #github{line-height:3rem;font-size:2.5rem}}@media (min-width: 1150px){.projects #github{line-height:3.5rem}}.projects #github a{color:#3858e9;background-color:#c3cdf8;border-radius:5px;padding:0 2%;text-decoration:underline}.projects .githubLink{margin:2rem auto}@media (min-width: 1150px){.projects .githubLink{width:18%}}.fullNav{width:92%;margin:auto auto 2rem;padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center}.fullNav img{width:60%;height:auto}.fullNav label{width:5rem;cursor:pointer;z-index:3}.fullNav label span{display:block;margin-bottom:.3rem;background-color:#fff;min-height:.07rem;border-radius:5px}.fullNav .overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;visibility:hidden;opacity:0;z-index:0;transition:visibility .3s ease,opacity .3s ease}.fullNav nav{visibility:hidden;position:absolute;top:0;right:10%;transform:translate(55%,-40%) scale(0);transform-origin:center;transition:transform .5s ease,visibility .5s ease}.fullNav nav ul{margin:auto;width:92%;z-index:2}.fullNav nav ul li{margin:1rem auto;padding-bottom:1rem;border-bottom:1px solid #d1d1d3}.fullNav nav ul li:last-child{border:none}.fullNav nav ul li .menuDropped{width:100%;display:flex;justify-content:space-between}.fullNav nav ul li .menuDropped li{width:50%;border:none;padding:0}.fullNav nav p{text-transform:uppercase;color:#646970;font-size:.8rem}.fullNav nav a{color:#055d9c;font-weight:600;font-size:.85rem}.fullNav nav a:after{content:">";margin-left:1%}.fullNav input:checked~nav{visibility:visible;background-color:#fff;width:92%;border-radius:10px;transition:transform .5s ease,visibility .5s ease;z-index:2;transform:translate(6.5%,1rem) scale(1)}.fullNav input:checked~.overlay{visibility:visible;opacity:1;z-index:1}.fullNav input:checked~label{margin:.5rem 4% 0 0}.fullNav input:checked~label span{background-color:#646970;transition:transform .3s ease,opacity .3s ease}.fullNav input:checked~label span.firstSpan{transform:rotate(45deg) translate(4px,5px)}.fullNav input:checked~label span.secondSpan{opacity:0}.fullNav input:checked~label span.thirdSpan{transform:rotate(-45deg) translate(4px,-5px)}@media (min-width: 600px){.fullNav label{width:3rem}.fullNav input:checked~nav{right:5%;width:35%}}@media (min-width: 950px){.fullNav{width:96%;margin:auto auto 5rem;padding-top:.2rem;display:flex;align-items:center}.fullNav input,.fullNav label{visibility:hidden;position:absolute;width:0;height:0}.fullNav .navLogo{width:20%}.fullNav img{width:100%;height:auto}.fullNav nav{width:100%;visibility:visible;position:relative;transform:none;right:0}.fullNav nav ul{width:100%;display:flex;align-items:center}.fullNav nav ul li{position:relative;margin-left:2%;border:none;padding:0}.fullNav nav ul li a,.fullNav nav ul li p{color:#fff;font-weight:500;text-transform:none;font-size:1rem}.fullNav nav ul li a:after,.fullNav nav ul li p:after{content:none}.fullNav nav ul li a:hover,.fullNav nav ul li p:hover{color:#ffffffb3}.fullNav nav .dropdown{width:14%;position:relative}.fullNav nav .dropdown:hover .menuDropped{visibility:visible;opacity:1}.fullNav nav .dropdown .menuDropped{visibility:hidden;opacity:0;position:absolute;top:2rem;left:-20%;background-color:#fff;flex-direction:column;border-radius:5px;box-shadow:0 0 10px #0003;width:140%;height:auto;z-index:10;transition:visibility .5s ease,opacity .5s ease}.fullNav nav .dropdown .menuDropped:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);border-width:0 10px 10px 10px;border-style:solid;border-color:transparent transparent #fff transparent}.fullNav nav .dropdown .menuDropped li{width:100%;text-align:center}.fullNav nav .dropdown .menuDropped li:hover{background-color:#055d9c21}.fullNav nav .dropdown .menuDropped li a{font-size:.8rem;width:100%;display:inline-block;font-weight:600;color:#055d9c;padding:.5rem 0}.fullNav nav .dropdown .competencies{display:inline-block;width:100%;cursor:pointer;font-weight:500}.fullNav nav .dropdown .competencies:hover{color:#ffffffb3}.fullNav nav .dropdown .competencies:after{content:"";display:inline-block;position:absolute;top:.4rem;right:-5%;width:.5rem;height:.5rem;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.fullNav .github{margin-left:20%}.fullNav .contactNav{background-color:#fff;border-radius:4px}.fullNav .contactNav:hover{opacity:.7}.fullNav .contactNav a{color:#000;display:block;padding:.5rem}.fullNav .contactNav a:hover{opacity:.8;color:#000}}.software{margin-bottom:0}@media (min-width: 760px){.software{display:flex;justify-content:space-between}}.software .softwareLogo{width:15%;margin:1.5rem 0}.software h2{font-size:2.5rem}.software .softwareLink{background-color:#000;width:85%;margin-bottom:2rem}@media (min-width: 760px){.software .softwareLink{width:50%}}.software img{width:50%;height:auto}@media (min-width: 760px){.software div{width:100%}.software div .description{width:90%}}.software .highway-slider{position:relative;overflow:hidden;width:108%;margin-left:-4%;padding-bottom:4rem}.software .highway-lane{display:flex;flex-wrap:nowrap;animation:scrollInfinite 10s linear infinite}.software .highway-lane.duplicate{height:1px;opacity:0;width:1px;position:absolute;top:0;left:0}.software .highway-car{flex:0 0 auto;width:40%;padding:0 1rem}.software .highway-car img{height:5rem}@keyframes scrollInfinite{0%{transform:translate(0)}to{transform:translate(-350%)}}@media (min-width: 760px){.software .highway-slider{overflow:visible;padding:5rem 0 0 5%}.software .highway-lane{animation:none;display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:1rem;align-items:center}.software .highway-lane.duplicate{height:1px;opacity:0;width:1px;position:absolute;top:0;left:0}.software .highway-car{width:120%}}footer{background-color:#101517;color:#fff;padding-top:4rem}footer .footerLogo{width:60%;margin:0 0 2rem 4%}@media (min-width: 600px){footer .footerLogo{width:40%;display:block;margin:0 auto 2rem}}@media (min-width: 950px){footer .footerLogo{display:inline;margin:0 4% 2rem;width:20%}}footer .wrapperFooterList{width:92%;margin:auto}@media (min-width: 600px){footer .wrapperFooterList{width:50%}}@media (min-width: 950px){footer .wrapperFooterList{display:flex;justify-content:space-between;margin-bottom:2rem;width:92%}}footer .wrapperFooterList li{position:relative}footer .wrapperFooterList li label{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;cursor:pointer}footer .wrapperFooterList li label .arrow{content:"";display:inline-block;margin-left:auto;width:.5rem;height:.5rem;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .3s ease}footer .wrapperFooterList li input:checked+label .arrow{transform:rotate(225deg)}footer .wrapperFooterList li input:checked~ul{visibility:visible;height:auto;opacity:1}footer .wrapperFooterList li ul{margin:.5rem auto 2rem;visibility:hidden;height:0;opacity:0;overflow:hidden;transition:height .3s ease,opacity .3s ease}footer .wrapperFooterList li ul li{font-size:.8rem;margin-top:.5rem}@media (min-width: 1150px){footer .wrapperFooterList li ul li{font-size:1rem;margin-top:1rem}}footer .wrapperFooterList li ul li a{color:#fff}footer .wrapperFooterList li ul li a:hover{text-decoration:underline}footer .wrapperFooterList li h3{position:absolute;width:0;height:0;margin:0;padding:0;border:none;clip:rect(0 0 0 0);overflow:hidden}@media (min-width: 950px){footer .wrapperFooterList li h3{position:static;width:auto;height:auto;clip:auto;font-size:1rem;font-weight:600;margin:.5rem 0}}@media (min-width: 950px){footer .wrapperFooterList li label{visibility:hidden;opacity:0;height:0}footer .wrapperFooterList li ul{visibility:visible;height:auto;opacity:1}}footer div{padding-bottom:3rem}@media (min-width: 760px){footer div{display:flex;flex-direction:row-reverse;justify-content:space-between}}footer div form{width:92%;margin:auto auto 2rem;position:relative;display:flex;align-items:center}@media (min-width: 760px){footer div form{width:20%;margin:0 4% 0 0}}footer div form select{flex:1;height:3rem;border-radius:4px;background-color:transparent;border:1px solid #c3c4c7;color:#c3c4c7;cursor:pointer;padding-left:3rem;font-size:1rem}footer div form img{width:1.5rem;height:auto;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}footer div .socials{display:flex;width:40%;justify-content:space-between;margin:auto}@media (min-width: 760px){footer div .socials{width:15%;margin:0 0 0 4%}}footer div .socials li{text-align:center;margin:auto 0}footer div .socials img{width:80%}@media (min-width: 760px){footer div .socials img{width:65%}}footer .credits{background-color:#fff;padding:2rem 0;text-align:center;font-size:.85rem}@media (min-width: 760px){footer .credits{display:flex;flex-direction:row;justify-content:space-between;align-items:center}}footer .credits .wordpress{margin-bottom:1rem;display:block;color:#0675c4}@media (min-width: 760px){footer .credits .wordpress{margin:0 0 0 4%}}footer .credits .wordpress span{color:#000}@media (min-width: 760px){footer .credits .footerContactLink{margin-right:4%}}.professionalExperiences{margin-bottom:0!important}@media (min-width: 480px){.professionalExperiences ul{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:4%}}@media (min-width: 1150px){.professionalExperiences ul{display:flex}}.professionalExperiences ul li{background-color:#fff;border-radius:10px;margin-bottom:1.5rem}@media (min-width: 1150px){.professionalExperiences ul li{width:70%}}.professionalExperiences ul li article{width:92%;margin:auto}@media (min-width: 1150px){.professionalExperiences ul li article{width:80%}}.professionalExperiences ul li article img{border-radius:50px;padding-top:1rem;width:10%;height:auto}@media (min-width: 1150px){.professionalExperiences ul li article img{width:20%;padding-top:2rem}}.professionalExperiences ul li article h3{font-weight:500;margin:1rem 0}@media (min-width: 1150px){.professionalExperiences ul li article h3{font-size:1.125rem;margin:2rem 0}}.professionalExperiences ul li article p{font-size:.8rem;line-height:1.2rem;padding-bottom:1rem}@media (min-width: 1150px){.professionalExperiences ul li article p{font-size:1rem;line-height:1.5rem}}.professionalExperiences ul li article p a{text-decoration:underline}.professionalExperiences .backgroundImage{background-image:url(https://s1.wp.com/wp-content/themes/h4/assets/hosting/globe-blue.svg);position:absolute;top:3rem;left:-60%;opacity:.5;z-index:-1;clip-path:inset(0 0 22% 0)}@media (min-width: 480px){.professionalExperiences .backgroundImage{top:3rem;left:-75%}}@media (min-width: 600px){.professionalExperiences .backgroundImage{top:3rem;left:-55%}}@media (min-width: 760px){.professionalExperiences .backgroundImage{top:1rem;left:-20%}}@media (min-width: 950px){.professionalExperiences .backgroundImage{top:0;left:0}}@media (min-width: 1150px){.professionalExperiences .backgroundImage{top:4rem;left:10%}}@media (min-width: 1240px){.professionalExperiences .backgroundImage{top:0;left:5%}}@media (min-width: 1300px) and (max-width: 2500px){.professionalExperiences .backgroundImage{top:0;left:40%}}@media (min-width: 2500px) and (max-width: 3000px){.professionalExperiences .backgroundImage{top:0;left:5%}}header{background-color:#3858e9;color:#fff}header .introduction{width:92%;margin:auto auto 8rem}@media (min-width: 760px){header .introduction{display:flex;justify-content:space-between;align-items:center}}@media (min-width: 760px){header .introduction div{width:45%}}header .introduction h2{font-size:2.5rem;line-height:3rem;margin-bottom:1rem}@media (min-width: 480px){header .introduction h2{font-size:3rem}}@media (min-width: 600px){header .introduction h2{font-size:3.5rem;line-height:4rem}}@media (min-width: 700px){header .introduction h2{font-size:4rem;line-height:4rem}}@media (min-width: 950px){header .introduction h2{font-size:4.5rem;line-height:5rem}}header .introduction h2 span{font-family:Lora,Cormorant,"serif"!important}@media (min-width: 760px){header .introduction p{font-size:1.125rem;width:90%}}header .introduction a{background-color:#fff;color:#000;margin:2rem 0 0}header .introduction img{height:auto;width:100%;margin-top:5rem}@media (min-width: 760px){header .introduction img{width:45%;margin:0}}.codeSlider{margin-top:3rem}.codeSlider h2{font-size:.75rem;font-family:Inter,Roboto,Source Sans Pro,Helvetica Neue,Arial,sans-serif!important;width:95%;margin:auto auto 1rem}.codeSlider .highway-slider{display:flex;justify-content:center;width:100%;overflow:hidden}.codeSlider .highway-slider .highway-lane{display:flex}.codeSlider .highway-slider .highway-lane .highway-car{display:flex;flex:1;justify-content:center;align-items:center;border-top:1.5px solid #5671ec;padding:2rem 0}.codeSlider .highway-slider .highway-lane .highway-car img{width:15%;height:auto}.codeSlider .highway-slider .highway-lane .highway-car .tsAndPhp{width:25%}@keyframes translateInfinite{to{transform:translate(-2400px)}}#infinite .highway-lane{width:4800px}#infinite .highway-lane .highway-car{width:5%;animation:20s translateInfinite infinite linear;animation-play-state:running}#infinite:hover .highway-car{animation-play-state:paused}