:root{--hue: 358;--first-color: hsl(var(--hue), 80%, 49%);--first-color-alt: hsl(var(--hue), 76%, 45%);--white-color: hsl(0, 0%, 98%);--black-color: hsl(0, 0%, 1%);--text-color: hsl(var(--hue), 2%, 66%);--body-color: hsl(var(--hue), 100%, 1%);--container-color: hsl(var(--hue), 2%, 10%);--conic-gradient: conic-gradient( from 150deg at 50% 45%, hsl(var(--hue), 80%, 20%) 0deg, hsl(var(--hue), 80%, 48%) 140deg, hsl(var(--hue), 80%, 20%) 360deg );--body-font: "Poppins", sans-serif;--second-font: "Alegreya Sans SC", sans-serif;--biggest-font-size: 2.5rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1rem;--normal-font-size: .9375rem;--small-font-size: .813rem;--smaller-font-size: .75rem;--font-regular: 450;--font-medium: 500;--font-semi-bold: 600;--z-tooltip: 10;--z-fixed: 100}@media screen and (min-width: 1168px){:root{--biggest-font-size: 3.5rem;--h1-font-size: 2.25rem;--h2-font-size: 1.5rem;--h3-font-size: 1.25rem;--normal-font-size: 1rem;--small-font-size: .875rem;--smaller-font-size: .813rem}}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,input,textarea,button{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--body-color);color:var(--white-color)}input,button,textarea{border:none;outline:none}h1,h2,h3{color:var(--white-color);font-weight:var(--font-semi-bold)}h1{font-size:var(--h1-font-size)}h2{font-size:var(--h2-font-size)}h3{font-size:var(--h3-font-size)}ul{list-style:none}a{text-decoration:none}img{display:block;max-width:100%;height:auto}video{display:block;width:100%;height:auto}.container{max-width:1168px;margin-inline:1.5rem}.grid{display:grid;gap:1.5rem}.section{padding-block:2rem 3rem}.section__title{font-size:var(--h2-font-size);text-align:center;margin-bottom:2rem}.main{overflow:hidden}.perfil{position:relative;background:var(--conic-gradient);height:415px;border-radius:2rem;padding:1.5rem;display:grid;overflow:hidden}.perfil__img{left:20%;max-width:304px;max-height:747.41px;position:absolute;justify-self:center;align-self:flex-end}.perfil__data{align-self:flex-end;background-color:#0303031a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:1.5rem 1rem;border-radius:1.5rem;border:2px solid hsla(0,0%,100%,.5)}.perfil__logo{width:100%;max-width:160px;height:auto;margin-inline:auto;margin-bottom:.5rem;display:block}.perfil__subtitle{position:relative;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;text-align:center;display:block;margin-bottom:.8rem}.perfil__buttons{display:grid;column-gap:.5rem;grid-template-columns:repeat(2,1fr)}.perfil__buttons .button{padding:.75rem 0}.info,.about,.skills{background-color:var(--container-color);padding:2rem 1.5rem;border-radius:2rem}.info__data{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;gap:3px}.material-icons{font-size:26px;color:#ea4335;margin-left:-18px}.info__image{display:flex;position:relative;background:var(--conic-gradient);height:210px;align-items:center;justify-content:center;overflow:hidden;border-radius:2rem;margin-block:1rem}.info__img{position:absolute;top:0;left:0;width:100%;height:100%;border:0;justify-self:center;align-self:flex-end}.info__description{text-align:justify;font:var(--body-font);font-size:15px;margin-bottom:1rem}.info .button{align-self:end;margin-top:auto;width:100%}.about__name{display:block;text-align:center;font-size:24px;letter-spacing:.02em;background:radial-gradient(circle at 34% 20%,#fff,#6c6c6c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.2rem}.about__role{display:block;font:var(--font-semi-bold) var(--smaller-font-size) var(--second-font);text-align:center;letter-spacing:.15em;text-transform:uppercase;background:radial-gradient(circle at 34% 20%,#fff,#6c6c6c);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem}.about__description{text-align:center;align-self:center;overflow-wrap:break-word;word-wrap:break-word;white-space:normal}.about__social{display:flex;justify-content:center;column-gap:1.5rem;margin-block:2rem}.about__link{width:2.5rem;height:2.5rem;background-color:var(--white-color);color:var(--black-color);font-size:1.5rem;border-radius:50%;display:grid;place-items:center;transition:background-color .4s,color .4s}.about__link:hover{background-color:var(--first-color);color:var(--white-color)}.about__image{display:flex;position:relative;background:var(--conic-gradient);height:210px;align-items:center;justify-content:center;overflow:hidden;border-radius:2rem}.about__img{display:block;width:100%;max-width:443px;max-height:537.93px;object-fit:cover;object-position:center;justify-self:center;margin-top:4rem}.about__note{margin-block:1rem;text-align:justify}.about .button{align-self:end;margin-top:auto;width:100%}.skills__title{text-align:center}.skills__item{width:1.5rem;max-width:24px;max-height:27.52px;transition:transform .4s}.skills__item:hover{transform:translateY(-.25rem)}.skills__items{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-block:1rem}.button{display:inline-flex;justify-content:center;background-color:var(--first-color);color:var(--white-color);font-weight:var(--font-semi-bold);padding:1.25rem 2.5rem;border-radius:4rem;transition:background-color .4s}.button__black{background-color:var(--black-color)}.button:hover{background-color:var(--first-color-alt)}.projects__card{background-color:var(--container-color);padding:1.5rem;border-radius:2rem}.projects__image{display:flex;overflow:hidden;border-radius:1.5rem;margin-bottom:1.5rem}.video-preview{align-items:center;justify-content:center;position:relative;overflow:hidden}.projects__img{width:100%;height:100%;max-width:443px;max-height:290.72px;position:relative;transition:transform .4s,opacity 1.3s ease-in-out;z-index:2}.projects__video{position:absolute;object-fit:cover;width:420px;transition:transform .4s,opacity 1.3s ease-in-out;z-index:1}.video-preview:hover .projects__img{opacity:0}.video-preview.video-visible .projects__img{opacity:0;transition:transform .4s,opacity 1.3s ease-in-out}.projects__name{font-size:var(--h3-font-size);margin-bottom:.5rem}.projects__description{color:var(--text-color);margin-bottom:1.5rem}.projects__skill{width:1rem;max-width:16px;max-height:18.35px;transition:transform .4s}.projects__card:hover .projects__img,.projects__card:hover .projects__video{transform:scale(1.2)}.projects__skill:hover{transform:translateY(-.25rem)}.projects__skills{width:max-content;height:34px;background-color:var(--black-color);padding-inline:.75rem;display:flex;align-items:center;column-gap:.75rem;border-radius:4rem;margin-bottom:1.5rem}.projects__button{color:var(--white-color);display:inline-flex;align-items:center;column-gap:.5rem;transition:color .4s}.projects__button i{font-size:1.25rem}.projects__button span{font-weight:var(--font-medium)}.projects__button:hover{color:var(--text-color)}.services__card{background-color:var(--container-color);padding:4rem 1.5rem 3.5rem;border-radius:2rem}.services__icon{display:inline-block;position:relative;margin-bottom:2rem}.services__icon i{font-size:2.5rem;position:relative;z-index:var(--z-tooltip)}.services__circle{width:3rem;height:3rem;background-color:var(--first-color);border-radius:50%;position:absolute;top:-1rem;right:-1rem;transition:transform .4s}.services__name{font-size:var(--h3-font-size);margin-bottom:1rem}.services__description{color:var(--text-color)}.services__card:hover .services__circle{transform:translate(.25rem,-.25rem)}.experience__container{row-gap:2rem}.experience__card{display:grid;row-gap:1rem}.experience__company{font-size:var(--h2-font-size)}.experience__data{background-color:var(--container-color);padding:1.5rem;border-radius:1.5rem}.experience__profession{font-size:var(--h3-font-size);margin-bottom:.5rem}.experience__date{display:block;font-size:var(--smaller-font-size);margin-bottom:1rem}.experience__description{color:var(--text-color)}.contact__group,.contact__form{gap:1rem}.contact__form{position:relative}.contact__input{background-color:var(--container-color);padding:1.25rem;border-radius:4rem;color:var(--white-color)}.contact__input::placeholder{color:var(--text-color)}.contact__input:autofill{transition:background-color 6000s,color 6000s}.contact__area{height:10rem;border-radius:1.5rem;resize:none}.contact__button{margin-top:1.5rem;cursor:pointer}.contact__message{position:absolute;left:0;bottom:4.5rem;font-size:var(--smaller-font-size)}.footer{padding-block:2rem 8rem}.footer__container{row-gap:2.5rem}.footer__logo{color:var(--white-color);font:var(--font-regular) var(--biggest-font-size) var(--second-font);justify-self:center}.logo__img{height:3.8rem;object-fit:contain;display:block}.footer__links{display:flex;justify-content:center;column-gap:2rem}.footer__link{color:var(--white-color);transition:color .4s}.footer__link:hover{color:var(--text-color)}.footer__social{display:flex;justify-content:center;column-gap:1.5rem}.footer__social-link{width:2.5rem;height:2.5rem;background-color:var(--first-color);color:var(--white-color);font-size:1.5rem;border-radius:50%;display:grid;place-items:center;transition:background-color .4s,color .4s}.footer__social-link:hover{background-color:var(--white-color);color:var(--black-color)}.footer__copy{display:block;margin-top:4.5rem;text-align:center;font-size:var(--small-font-size);color:var(--text-color)}@keyframes fab-enter{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}.fab-container{animation:fab-enter 2.8s ease-in forwards}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s}.fab-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column-reverse;align-items:center}.fab{width:60px;height:60px;background:var(--first-color-alt);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s;position:relative}.fab-icon{width:25px;height:25px;display:flex;align-items:center;justify-content:center;position:relative}.fab-icon:before,.fab-icon:after{content:"";position:absolute;width:18px;height:3px;background:#fff;transition:transform .3s ease-in-out}.fab-icon:before{transform:rotate(0)}.fab-icon:after{transform:rotate(90deg)}.fab.ativo .fab-icon:before{transform:rotate(0)}.fab.ativo .fab-icon:after{transform:rotate(-90deg)}.fab-options{display:flex;flex-direction:column;position:absolute;bottom:70px;opacity:0;visibility:hidden;transform:scale(.9);transition:all .3s}.fab-option{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:10px 0;cursor:pointer;opacity:0;transform:translateY(10px);transition:all .3s}.fab-option a{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.fab-option i{font-size:32px;color:#fff;transition:transform .2s ease-in-out}.fab-option:hover i{color:var(--main-color)}::-webkit-scrollbar{width:.6rem;background-color:#333;border-radius:.5rem}::-webkit-scrollbar-thumb{background-color:#4d4d4d;border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background-color:#666}@media screen and (max-width: 320px){.container{margin-inline:1rem}.about__img{display:block;width:100%;object-fit:cover;object-position:center;margin-top:1rem}}@media screen and (min-width: 540px){.perfil__img{left:60px}.perfil__subtitle{margin-bottom:.8rem}.about__img{margin-top:6rem}.home__container,.projects__container,.services__container,.experience__container,.contact__container{grid-template-columns:380px;justify-content:center}.projects__img{max-width:332px;max-height:217.88px}}@media screen and (min-width: 768px){h2{font-size:24px}.home__container{grid-template-columns:repeat(2,350px);align-items:flex-start}.perfil{height:100%}.perfil__img{left:35px;min-width:100%}.about__img{margin-top:5.5rem}.projects__container,.services__container{grid-template-columns:repeat(2,350px)}.experience__container{grid-template-columns:initial}.experience__card{grid-template-columns:320px 380px;align-items:center}.footer__container,.footer__content{grid-template-columns:repeat(2,max-content);align-items:center}.footer__container{justify-content:space-between}.footer__content{column-gap:4.5rem}.projects__img{max-width:302px;max-height:198.19px}}@media screen and (min-width: 1200px){.container{margin-inline:auto}.section{padding-block:3rem 4rem}.section__title{font-size:var(--h1-font-size);margin-bottom:4rem}.home__container{grid-template-columns:280px 560px 280px;align-items:stretch}.perfil{grid-column:2/3;grid-row:1/3;padding:2rem}.perfil__data{width:370px;padding:1.5rem;border-radius:2rem}.perfil__logo{width:100%;max-width:260px;height:auto;display:block;margin-inline:auto}.perfil__subtitle{font-size:.99rem;letter-spacing:.16rem;margin-bottom:1rem}.info{display:flex;flex-direction:column;grid-column:1/2;grid-row:1/2}.about{display:flex;flex-direction:column;grid-column:3/4;grid-row:1/3;justify-content:flex-start}.about__img{margin-top:2rem}.about__description{text-align:left}.about__note{font-size:var(--small-font-size)}.skills{display:flex;flex-direction:column;grid-column:1/2;grid-row:2/3;justify-content:flex-start}.skills__description{font-size:var(--small-font-size)}.projects__container{grid-template-columns:repeat(3,368px);gap:2rem}.projects__card{padding-bottom:2rem}.projects__img{max-width:320px;max-height:210px}.services__container{grid-template-columns:repeat(3,368px);gap:2rem}.services__card{padding-block:6rem 5rem}.services__icon i{font-size:3.5rem}.services__circle{width:4rem;height:4rem;right:-1.5rem;top:-1.5rem}.experience__container{row-gap:4rem}.experience__card{grid-template-columns:350px 510px;column-gap:8rem}.experience__company{font-size:var(--h1-font-size)}.experience__data{padding:2rem;border-radius:2rem}.contact__container{grid-template-columns:620px}.contact__group{grid-template-columns:repeat(2,1fr)}.contact__area{height:15rem}.contact__button{width:max-content;justify-self:center}.footer{padding-top:3rem}.footer__links{column-gap:3rem}.footer__copy{margin-top:7rem}}@media screen and (min-width: 1500px){.footer{padding-block:3rem}}