@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";:root{--hue-color: 242;--skin-color: #e1094a;--title-color: hsl(var(--hue-color), 8%, 95%);--text-color: hsl(var(--hue-color), 8%, 85%);--body-color: hsl(var(--hue-color), 19%, 5%);--box-color: hsl(var(--hue-color), 14%, 10%);--scroll-bar-color: hsl(var(--hue-color), 12%, 38%);--scroll-thumb-color: hsl(var(--hue-color), 12%, 26%);--body-font: "Poppins", "sans-serif";--biggest-font-size: 3rem;--h1-font-size: 3rem;--h2-font-size: 2.25rem;--h3-font-size: 1.5rem;--normal-font-size: 1.5rem;--saml-font-size: .825rem;--smaller-font-size: .813rem;--font-meidum: 500;--font-bold: 600;--mb-0-25: .25rem;--mb-0-5: .5rem;--mb-0-75: .75rem;--mb-1: 1rem;--mb-1-5: 1.5rem;--mb-2: 2rem;--mb-2-5: 2.5rem;--mb-3: 3rem;--z-fixed: 1;--z-modal: 100}@media screen and (max-width: 1024px){:root{--biggest-font-size: 2rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1.125rem;--normal-font-size: .938rem;--saml-font-size: .813rem;--smaller-font-size: .75rem}}*{margin:0;padding:0;box-sizing:border-box}main{margin-left:100px}body,button,input{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--body-color);color:var(--text-color)}h1,h2,h3{color:var(--title-color);font-weight:var(--font-bold)}ul{list-style:none}a{text-decoration:none;color:#00f}img{max-width:100%;height:auto}button{cursor:pointer}button,input{border:none;outline:none}.container{max-width:1250px;margin-left:auto;margin-right:auto}.grid{display:grid}.whatsapp:hover{color:#45c554!important}.messenger:hover{color:#046ee5!important}.facebook:hover{color:#046ee5}.instagram:hover{background:linear-gradient(#0099ff 1.4%,#a033ff 51.57%,#ff5280 84.07%,#ff7061 90.59%);-webkit-background-clip:text;color:transparent}.email:hover{color:#4593e5!important}.html{color:#f06833}.css{color:#1872b9}.js,.JavaScript{color:#d6ba31}.bootstrap{color:#7210f5}.sass{color:#bf4080}.vue{color:#42d392}.api{color:#aad742}.figma{width:15px}.react{color:#61dafb;animation:rotete 10s linear infinite}.tailwind{color:#0ea5e9}@keyframes rotete{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}.section{display:flex;min-height:100vh;flex-direction:column;justify-content:center}.section_flex{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.section__title{text-align:center;font-size:var(--h1-font-size);margin-bottom:var(--mb-3)}.section__title:before{content:attr(data-heading);display:block;font-size:var(--normal-font-size);font-weight:var(--font-meidum);color:var(--skin-color)}.button{display:inline-flex;align-items:center;column-gap:.5rem;background-color:var(--skin-color);color:var(--title-color);padding:.75rem 1.4rem;border-radius:.25rem;font-weight:var(--font-meidum);position:relative;z-index:1;font-size:var(--font-meidum)}.button:after{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background-color:#343a40;z-index:-1;transform-origin:center;transform:scale(0);border-radius:.25rem;transition:.5s}.button:hover:after{transform:scale(1)}.button__icon{font-size:1.25rem}::-webkit-scrollbar{width:.1rem;background-color:#202020;border-radius:.5rem}::-webkit-scrollbar-thumb{background-color:var(--skin-color);border-radius:1rem}@media screen and (max-width: 1408px){.container{margin-left:var(--mb-2-5);margin-right:var(--mb-2-5)}}@media screen and (max-width: 1024px){.container{margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}main{margin-left:0}}@media screen and (max-width: 350px){.container{margin-left:var(--mb-0-75);margin-right:var(--mb-0-75)}}.sidebar[data-v-89dfeba5]{position:fixed;width:100px;height:100vh;background-color:var(--body-color);border-right:1px solid var(--box-color);transition:.5s}.nav__logo[data-v-89dfeba5]{position:absolute;left:0;right:0;top:1.8rem;width:40px;height:40px;border-radius:50%;background-color:var(--skin-color);box-shadow:0 0 16px 2px #e1094a;text-align:center;margin:auto}.nav__logo-text[data-v-89dfeba5]{font-size:1.125rem;color:var(--title-color);font-weight:var(--font-bold);line-height:40px}.nav__menu[data-v-89dfeba5]{position:fixed;transform:rotate(-90deg) translate(-100%);transform-origin:left top;width:100vh}.menu[data-v-89dfeba5]{display:flex}.nav__list[data-v-89dfeba5]{display:flex;flex-direction:row-reverse;margin:-2px auto 0}.nav__link[data-v-89dfeba5]{float:right;height:100%;line-height:100px;padding:0 1rem;color:var(--title-color);font-weight:var(--font-meidum);position:relative;transition:.4s}.btn__share[data-v-89dfeba5]{position:absolute;bottom:1.8rem;left:0;right:0;text-align:center;cursor:pointer}.nav__toggle[data-v-89dfeba5]{height:32px;width:36px;cursor:pointer;position:fixed;right:2rem;top:1rem;font-size:1.2rem;border-radius:.25rem;background-color:var(--skin-color);color:var(--title-color);display:none;justify-content:center;align-items:center;z-index:5}.nav__close[data-v-89dfeba5]{font-size:1.5rem;position:absolute;top:1rem;right:2rem;cursor:pointer;display:none}.nav__link.active-link[data-v-89dfeba5],.nav__link[data-v-89dfeba5]:hover{color:var(--skin-color)}.nav__link.active-link[data-v-89dfeba5]:after,.nav__link[data-v-89dfeba5]:hover:after{position:absolute;content:"";width:6px;height:6px;background-color:var(--skin-color);border-radius:50%;bottom:1.8rem;left:0;right:0;margin:auto}@media screen and (max-width: 1024px){.sidebar[data-v-89dfeba5]{width:100%;z-index:999;transform:translate(-100%)}.show-sidebar[data-v-89dfeba5]{transform:translate(0)}.nav__logo[data-v-89dfeba5],.btn__share[data-v-89dfeba5]{display:none}.nav__menu[data-v-89dfeba5]{height:100%;width:100%;transform:rotate(0) translate(0);display:flex;justify-content:center}.nav__list[data-v-89dfeba5]{flex-direction:column;height:100%;justify-content:center;align-items:center}.nav__link[data-v-89dfeba5]{padding:1rem 0;line-height:1.5rem}.nav__link.active-link[data-v-89dfeba5]:after,.nav__link[data-v-89dfeba5]:hover:after{bottom:0}.nav__close[data-v-89dfeba5]{display:block}.nav__toggle[data-v-89dfeba5]{display:flex}}@media screen and (max-width: 576px){.nav__toggle[data-v-89dfeba5]{right:initial;left:1.5rem}}#fluid{position:fixed;top:0;left:100px;width:calc(100vw - 100px);height:100dvh;z-index:-1}@media screen and (max-width: 1024px){#fluid{width:100vw;left:0}}
