@import"https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@500&family=Work+Sans:wght@500&display=swap";.btn,.btn:link,.btnvisited{color:#fff;background:#213f91;width:max-content;border:none;padding:2.5rem 2.35rem;font-size:clamp(.9rem,1vw + 1rem,2.2rem);text-transform:uppercase;letter-spacing:.3rem;cursor:pointer;transition:all .2s cubic-bezier(.65,0,.076,1)}@media (hover: hover) and (pointer: fine){.btn:hover{color:#000;background:#43bff0;box-shadow:0 1.6rem 3.2rem #0003;transform:scale(1.1)}}.btn:active,.btn:focus{outline:none;box-shadow:0 .5rem 1rem #0003}.btn:active{transform:scale(.95)}@media only screen and (max-width: 44.125em){.btn{text-align:center}}@media only screen and (min-width: phone){.btn{text-align:center}}@media only screen and (max-width: 25em){.btn{width:30rem}}@media only screen and (min-width: phone-xs){.btn{width:30rem}}.project{box-shadow:0 2rem 6rem #0000004d;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:max-content 1fr max-content;gap:3.5rem;overflow:hidden}.project__img{width:100%;grid-row:1/2;grid-column:1/-1;z-index:1}.project a{grid-column:1/-1;grid-row:1/2;z-index:2;align-self:end;justify-self:center}.project__name{grid-column:1/-1;grid-row:1/2;z-index:2;align-self:end;justify-self:center;background:#000;color:#fff;width:max-content;font-weight:400;font-size:1.6rem;text-align:center;text-transform:uppercase;letter-spacing:.5rem;padding:1.25rem;transform:translateY(50%)}.project__text{grid-column:1/-1;height:100%;padding:2rem}.project__icons{grid-column:1/-1;display:flex;margin:0 auto}.project__icons .icon{height:5rem;margin:0 2rem 5rem}@media (hover: hover) and (pointer: fine){.project__icons .icon:hover{cursor:pointer;transform:scale(1.1);filter:brightness(0) saturate(100%) invert(59%) sepia(53%) saturate(1463%) hue-rotate(173deg) brightness(110%) contrast(88%);transition:all .2s cubic-bezier(.65,0,.076,1)}}.project__link{display:inline-block;color:#213f91}.project:hover{transform:translateY(-2%);box-shadow:0 7rem 6rem #0003;transition:all .2s cubic-bezier(.65,0,.076,1)}.project:hover .project__img{transform:scale(1.2);transition:transform 6s cubic-bezier(.25,.45,.45,.95)}.project:hover .project__name{color:#fff;background:#43bff0;transform:translateY(50%) scale(1.2);transition:all .2s cubic-bezier(.65,0,.076,1)}.footer{grid-column:1/-1;grid-row:7/8;display:flex;flex-direction:column;align-items:center;background:#000;color:#fff;font-size:1.9rem;text-align:center;padding-bottom:5rem}@media only screen and (max-width: 44.125em){.footer{margin-top:5rem}}@media only screen and (min-width: phone){.footer{margin-top:5rem}}.footer__social{display:flex}.footer__social svg{height:4.5rem;width:4.5rem;border:1px solid #fff;margin:5rem auto;margin:5rem .25rem;transition:transform .2s}@media only screen and (max-width: 44.125em){.footer__social--github{filter:invert(100%);background:#000}}@media only screen and (min-width: phone){.footer__social--github{filter:invert(100%);background:#000}}.footer__social--github:hover{filter:invert(100%);background:#000;transform:translateY(-10%)}@media only screen and (max-width: 44.125em){.footer__social--linkedin{background:#006599}}@media only screen and (min-width: phone){.footer__social--linkedin{background:#006599}}.footer__social--linkedin:hover{background:#006599;transform:translateY(-10%)}@media only screen and (max-width: 44.125em){.footer__social--facebook{background:#3c5a98}}@media only screen and (min-width: phone){.footer__social--facebook{background:#3c5a98}}.footer__social--facebook:hover{background:#3c5a98;transform:translateY(-10%)}@media only screen and (max-width: 44.125em){.footer__social--twitter{background:#2daae4}}@media only screen and (min-width: phone){.footer__social--twitter{background:#2daae4}}.footer__social--twitter:hover{background:#2daae4;transform:translateY(-10%)}@media only screen and (max-width: 44.125em){.footer__social--youtube{background:#bf2e25}}@media only screen and (min-width: phone){.footer__social--youtube{background:#bf2e25}}.footer__social--youtube:hover{background:#bf2e25;transform:translateY(-10%)}.footer__logo{height:10rem;margin-bottom:5rem}.footer__copyright{color:#adb5bd}.hero{grid-column:2/3;grid-row:2/3;display:flex;justify-content:center}@media only screen and (max-width: 75em){.hero{margin:0 5em;padding:0 2rem}}@media only screen and (min-width: tab-land){.hero{margin:0 5em;padding:0 2rem}}@media only screen and (max-width: 44.125em){.hero{margin:-10rem 0 5em}}@media only screen and (min-width: phone){.hero{margin:-10rem 0 5em}}.hero__img{grid-column:1/-1;height:35rem}@media only screen and (max-width: 44.125em){.hero__img{height:25rem;width:calc(90% + 4rem);margin:0 auto}}@media only screen and (min-width: phone){.hero__img{height:25rem;width:calc(90% + 4rem);margin:0 auto}}.about-me{grid-column:2/3;grid-row:3/4;background:#fff;display:grid;grid-template-columns:auto 60%;grid-auto-rows:min-content;z-index:2;padding:10rem 3rem 7rem;margin-top:-5rem}@media only screen and (max-width: 75em){.about-me{grid-template-columns:auto;padding:3rem 0 7rem}}@media only screen and (min-width: tab-land){.about-me{grid-template-columns:auto;padding:3rem 0 7rem}}.about-me p:nth-of-type(3){grid-row:4/5;grid-column:2/3}@media only screen and (max-width: 75em){.about-me p:nth-of-type(3){grid-column:auto}}@media only screen and (min-width: tab-land){.about-me p:nth-of-type(3){grid-column:auto}}.about-me__user-img{width:40rem;height:auto;border-radius:50%;grid-row:1/span 4;grid-column:1/2;margin:auto;max-inline-size:75%}@media only screen and (max-width: 75em){.about-me__user-img{grid-column:auto;grid-row:1/1;max-inline-size:50%;margin-bottom:5rem}}@media only screen and (min-width: tab-land){.about-me__user-img{grid-column:auto;grid-row:1/1;max-inline-size:50%;margin-bottom:5rem}}.about-me__header{font-size:clamp(2.5rem,1vw + 1rem,3.3rem);font-weight:700;letter-spacing:-.05em}@media only screen and (max-width: 75em){.about-me__header{text-align:center}}@media only screen and (min-width: tab-land){.about-me__header{text-align:center}}.about-me__btn{width:max-content;margin:5rem auto 0;grid-column:1/-1}@media only screen and (max-width: 44.125em){.about-me__btn{margin:5rem auto 0}}@media only screen and (min-width: phone){.about-me__btn{margin:5rem auto 0}}.about-me .text-content{padding:3rem 3rem 0;font-size:clamp(2rem,1vw + 1rem,1.8rem);line-height:1.5}@media only screen and (max-width: 28.125em){.about-me .text-content{padding:3rem}}@media only screen and (min-width: phone-s){.about-me .text-content{padding:3rem}}.contact{grid-column:2/3;grid-row:6/7;color:#fff}.contact__header{text-align:center;margin-bottom:5rem}.contact__title{font-size:clamp(2.5rem,1vw + 2rem,4rem);letter-spacing:.3rem}.contact__subtitle{font-size:clamp(1.2rem,1vw + 1rem,2rem);font-weight:300;color:#ced4da;letter-spacing:.3rem}.contact__form{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;justify-items:center}@media only screen and (max-width: 56.25em){.contact__form{display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center}}@media only screen and (min-width: tab-port){.contact__form{display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center}}.contact__form--name{grid-column:1/2}.contact__form--email{grid-column:2/3}@media only screen and (max-width: 56.25em){.contact__form--name,.contact__form--email{grid-column:1/-1}}@media only screen and (min-width: tab-port){.contact__form--name,.contact__form--email{grid-column:1/-1}}.contact__form--subject,.contact__form--message{grid-column:1/-1}.contact__form input[type=text],.contact__form input[type=email]{background:#282828;border:none;height:6rem;border-radius:.8rem;padding:2rem;color:#adb5bd;width:100%;font-weight:300;font-size:1.6rem;text-shadow:-1px -1px 0px #181818;box-shadow:inset 0 2px 3px 1px #0000000d,0 1px #ffffff08}.contact__form textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:15rem;background:#282828;border:none;border-top-left-radius:.8rem;border-top-right-radius:.8rem;padding:2rem;color:#adb5bd;width:100%;font-weight:300;font-size:1.6rem;text-shadow:-1px -1px 0px #181818;box-shadow:inset 0 2px 3px 1px #0000000d,0 1px #ffffff08}.contact__form input[type=text]:focus,.contact__form input[type=email]:focus,.contact__form textarea:focus{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#adb5bd;box-shadow:inset 0 2px 5px #0000000d,0 1px #ffffff08,inset 0 0 2px 1px #213f91;transition:background .2s ease-in-out,box-shadow .2s ease-in-out}.contact__form input:-webkit-autofill,.contact__form input:-webkit-autofill:hover,.contact__form input:-webkit-autofill:focus,.contact__form textarea:-webkit-autofill,.contact__form textarea:-webkit-autofill:hover,.contact__form textarea:-webkit-autofill:focus,.contact__form select:-webkit-autofill,.contact__form select:-webkit-autofill:hover,.contact__form select:-webkit-autofill:focus{-webkit-text-fill-color:#adb5bd;-webkit-box-shadow:inset 0px 2px 5px 0px rgba(0,0,0,.05),0px 1px 0px 0px rgba(255,255,255,.03),inset 0px 0px 2px 1px #213f91;box-shadow:inset 0 2px 5px #0000000d,0 1px #ffffff08,inset 0 0 2px 1px #213f91;transition:background 5000s ease-in-out 0s}.contact__form--actions{grid-column:1/-1;width:max-content}@media only screen and (max-width: 44.125em){.contact__form--actions{display:flex;flex-direction:column;gap:2rem;align-items:center}}@media only screen and (min-width: phone){.contact__form--actions{display:flex;flex-direction:column;gap:2rem;align-items:center}}.contact .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.contact__btn{color:#fff;border:none;padding:2rem 2.35rem;font-size:1.8rem;max-width:25rem;text-transform:uppercase;letter-spacing:.3rem;cursor:pointer}.contact__btn:nth-of-type(1){background:#213f91;margin-right:2rem}@media only screen and (max-width: 44.125em){.contact__btn:nth-of-type(1){margin:0}}@media only screen and (min-width: phone){.contact__btn:nth-of-type(1){margin:0}}.contact__btn:nth-of-type(1):hover{background:#43bff0;transition:background .2s ease-in-out}.contact__btn:nth-of-type(2){background:#495057}.contact__btn:nth-of-type(2):hover{background:#6c757d;color:#fff;transition:background .2s ease-in-out}.section{z-index:999;padding:5rem 0}.section__card{width:70%;display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));grid-template-rows:7rem min-content;margin:0 auto}@media only screen and (max-width: 44.125em){.section__card{width:90%}}@media only screen and (min-width: phone){.section__card{width:90%}}.section__header{font-size:clamp(2.5rem,1vw + 1rem,4rem);text-transform:uppercase;text-indent:1.5rem;padding:1rem;letter-spacing:1.5rem;grid-row:1/2;color:#fff;display:flex;align-items:center;width:max-content;transform:translateY(50%) translate(3rem)}@media only screen and (max-width: 28.125em){.section__header{transform:translateY(50%);margin:0 auto;letter-spacing:1rem}}@media only screen and (min-width: phone-s){.section__header{transform:translateY(50%);margin:0 auto;letter-spacing:1rem}}.section .text-bg{background:#000}.section .text-bg--primary{background:#213f91}.section .text-bg--green{background:#28a745;border:1px solid #000;color:#000}.section .text-bg--red{background:#dc3545;border:1px solid #000;color:#000}.section__card-content{grid-row:2/3;background:#fff;border:1px solid rgba(0,0,0,.2);box-shadow:0 2rem 6rem #0000004d;padding:10rem 3rem 7rem;margin-bottom:5rem}.section__btn{display:block;width:max-content;margin:0 auto}.nomatch{grid-column:2/3;grid-row:2/-1;font-size:2rem;grid-row:2/3;text-align:center;letter-spacing:.3rem}.nomatch__back{margin-top:2rem}.nomatch__url{color:#6c757d;text-decoration:none;font-weight:700}.portfolio{grid-column:2/3;grid-row:5/6}.portfolio .projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));grid-template-rows:repeat(2,1fr);gap:7rem;justify-items:center}@media only screen and (min-width: 112.55em){.portfolio .projects{grid-template-columns:repeat(3,1fr)}}.portfolio__btn{display:block;width:max-content;margin:8rem auto 0}.skills{grid-column:2/3;grid-row:4/5}.skills__badges-wrap{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:5rem}.skills img{height:5rem}.skills__btn,.skills__resume{width:max-content;margin:0 auto}.skills__btn img,.skills__resume img{height:10rem}.skills__resume{display:flex;flex-direction:column}.skills__resume:hover{transform:scale(1.1);transition:.2s}.skills__resume--text{font-size:2rem;font-weight:700;text-transform:uppercase;text-align:center;transform:translate(-4%)}.skills__btn{display:flex;margin:5rem auto 0}.success{grid-column:2/3;grid-row:2/-1;font-size:2rem;grid-row:2/3;text-align:center;letter-spacing:.3rem}.success__back{margin-top:2rem}.success__url{color:#6c757d;text-decoration:none;font-weight:700}.row-hero,.row-about-me,.row-skills,.row-portfolio,.row-contact,.row-footer{grid-column:1/-1;background:#ced4da;border:1px solid rgba(0,0,0,.05);box-shadow:0 2rem 6rem #0000004d;z-index:1}.row-hero{background:#000;margin-top:-10rem;padding-bottom:10rem}@media only screen and (max-width: 44.125em){.row-hero{padding-top:20rem}}@media only screen and (min-width: phone){.row-hero{padding-top:20rem}}.row-contact{margin-bottom:-5rem}.row-footer{background:#000}.nav{background:#000;position:sticky;top:env(safe-area-inset-top);left:0;width:100%;z-index:10000;color:#fff;font-family:"Work+Sans",sans-serif;font-size:clamp(.9rem,1vw + 1rem,2.2rem);grid-column:1/-1}.nav__logo{align-content:center;padding:0 2rem}@media only screen and (max-width: 56.25em){.nav__logo{padding:1rem}}@media only screen and (min-width: tab-port){.nav__logo{padding:1rem}}.nav__items{display:flex;justify-content:space-between;height:7rem;padding-right:2rem}.nav__links{display:grid;grid-template-columns:repeat(4,min-content);gap:0 2rem;align-items:center}.nav__link{width:max-content;transition:color .25s ease}@media (hover: hover) and (pointer: fine){.nav__link:hover{color:#43bff0;box-shadow:0 2px 0 0 currentcolor}}.nav__link:link,.nav__link:visited,.nav__link:active{text-transform:uppercase}.nav__resume{background:#213f91;padding:1rem;align-self:center;display:flex;align-items:center;justify-content:center;width:max-content;text-transform:uppercase;border-radius:.5rem;transition:background .3s ease-in-out}.nav__resume:hover{color:#000;background:#43bff0}.text-content{font-size:clamp(1.4rem,1vw + 1.4rem,1.8rem);line-height:1.5}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}@media only screen and (max-width: 56.25em){html{font-size:60%}}@media only screen and (min-width: tab-port){html{font-size:60%}}@media only screen and (max-width: 44.125em){html{font-size:55%}}@media only screen and (min-width: phone){html{font-size:55%}}@media only screen and (max-width: 25em){html{font-size:50%}}@media only screen and (min-width: phone-xs){html{font-size:50%}}body{background:#213f91;font-family:"Work+Sans",sans-serif}.container{min-width:90%;max-width:140rem;margin:auto;background:#fff;box-shadow:0 2rem 6rem #0000004d;display:grid;grid-template-columns:minmax(.1rem,auto) minmax(40rem,120rem) minmax(.1rem,auto)}.container.with-rows{gap:5rem 0}@media only screen and (max-width: 44.125em){.container.with-rows{gap:0}}@media only screen and (min-width: phone){.container.with-rows{gap:0}}.bar{width:1rem;margin-right:1rem;background:#213f91}.loading-indicator{display:flex;justify-content:center;align-items:center}.loading-indicator{width:100%}.loading-indicator{height:100%}.loading-indicator{color:#fff;z-index:1000;font-size:5rem;padding-top:10rem}*,*:before,*:after{margin:0;padding:0;line-height:calc(1em + .5rem);font:inherit}html,body{height:100%;font-size:62.5%;scroll-behavior:smooth}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,picture,svg,video{display:block;max-width:100%}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}#g-recaptcha-response{display:block!important;position:absolute;margin:-50px 0 0!important;z-index:-999999;opacity:0}.g-recaptcha{grid-column:1/-1}.grecaptcha-badge{visibility:hidden}.g-recaptcha--text{font-size:1.6rem;grid-column:1/-1;text-align:center}