:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1d1d1f}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#root{margin:0 auto;text-align:center}.card-container{background-color:#000;margin:25px 0;width:fit-content;border-radius:.75em;transition:ease .2s;box-shadow:1em 1em 1em #1a1a1a,-.75em -.75em 1em #1a1a1a;border:2px solid #1a1a1a;position:relative;overflow:hidden auto}.card-container p{color:gray}.card-container:hover{border:2px solid #1677ff}.container{margin:0 1.25em;display:flex;flex-direction:row;gap:.75em}.wrapper{display:inline;text-indent:8px}.wrapper span{animation:animate 5s infinite;opacity:0;position:absolute}.wrapper span:first-child{animation-delay:0s}.wrapper span:nth-child(2){animation-delay:1.5s}.wrapper span:nth-child(3){animation-delay:3s}@keyframes animate{0%{opacity:1}25%{opacity:0}50%{opacity:0}75%{opacity:0}to{opacity:1}}.m2{height:40%;min-width:345px;width:55%;position:relative;background-image:linear-gradient(135deg,#1d1d1f 10%,#1d1d1f 60%);display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;animation:gradient-shift 5s ease-in-out infinite;background-size:200% 200%;border-radius:15px}.m2:before,.m2:after{--size: 5px;content:"";position:absolute;top:calc(var(--size) / -2);left:calc(var(--size) / -2);width:calc(100% + var(--size));height:calc(100% + var(--size));background:radial-gradient(circle at 0 0,hsl(27deg 93% 60%),transparent),radial-gradient(circle at 50% 0,#00a6ff,transparent),radial-gradient(circle at 0 50%,#ff0056,transparent),radial-gradient(circle at 50% 50%,#6500ff,transparent);border-radius:15px}.m2:after{--size: 2px;z-index:-1}.m2:before{--size: 10px;z-index:-2;filter:blur(2vmin);animation:blur-animation 3s ease-in-out alternate infinite}@keyframes blur-animation{to{filter:blur(3vmin);transform:scale(1.05)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#content-contacts{display:flex;justify-content:center;border:2px solid #1677ff;background-color:#1a1a1a}.btn-shine{color:#fff;background:linear-gradient(to right,#9f9f9f 0,#fff,#868686 20%) 0;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s infinite linear;animation-fill-mode:forwards;-webkit-text-size-adjust:none;font-weight:600;font-size:20px;text-decoration:none;white-space:nowrap;font-family:Poppins,sans-serif}@-moz-keyframes shine{0%{background-position:0}60%{background-position:300px}to{background-position:300px}}@-webkit-keyframes shine{0%{background-position:0}60%{background-position:300px}to{background-position:300px}}@-o-keyframes shine{0%{background-position:0}60%{background-position:300px}to{background-position:300px}}@keyframes shine{0%{background-position:0}60%{background-position:300px}to{background-position:300px}}.background-pulse{width:100%;height:100%}.light{position:absolute;width:50px;height:50px;background:radial-gradient(circle,#09f,#0099ff1a 80%);filter:blur(20px);border-radius:50%;animation:neon-pulse 3s infinite alternate}.light:nth-child(1){width:250px;top:0;left:10%}.light:nth-child(2){width:250px;top:0;right:10%}.light:nth-child(3){bottom:0;left:-3%;height:400px}.light:nth-child(4){height:400px;bottom:20%;right:1%}@keyframes neon-pulse{0%{transform:scale(1);opacity:.8;box-shadow:0 0 15px #09f,0 0 30px #09fc}to{transform:scale(1.4);opacity:.5;box-shadow:0 0 30px #09f,0 0 60px #09f9}}.bio-me{display:flex}.meImg{width:100%;border-radius:15px;margin-right:0;height:100%}@media (max-width: 992px){.home{flex-direction:column;align-items:center}.bio-me{display:block;margin:15px}.button-navbar{width:80px}.popup{margin-right:-.5rem}.description-project{flex-direction:column}.hide-md{display:none}h1{font-size:2.2em}}.card-sliding{background-color:#000;padding:25px;margin:25px 0;border-radius:.75em;cursor:pointer;transition:ease .2s;border:2px solid #1a1a1a;white-space:nowrap;overflow:hidden;-webkit-box-shadow:-10px 0px 13px -7px #0000003a,10px 0px 13px -7px #0000003a,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:-10px 0 33px -7px #0000003a,10px 0 33px -7px #0000003a,5px 5px 35px 5px #0000}.card-sliding:hover{background-color:#1a1a1a;border:2px solid #1677ff}.button-sliding{font-size:100px;margin:0 5px;border:none;background-color:transparent;cursor:pointer;transition:.2s ease-in-out}.button-sliding:hover{transform:scale(1.1);transition:.5s ease}.emojis{display:inline-block;animation:30s sliding infinite linear}.card-sliding:hover .emojis{animation-play-state:paused}.box{width:70px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;transition:.2s ease-in-out}.img{height:70px;position:absolute;transition:.2s ease-in-out;z-index:1}.textBox{opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;transition:.2s ease-in-out;z-index:2}.textBox>.text{font-weight:700}.textBox>.head{text-align:center;font-size:11px}.box:hover>.textBox{opacity:1}.box:hover>.img{filter:blur(2px);animation:anim 3s infinite}@keyframes anim{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes sliding{0%{transform:translate(0)}to{transform:translate(-100%)}}.container-most-tech{position:relative;max-width:500px;width:100%;background:transparent;padding:20px 0;border-radius:7px}.container .skill-box{width:75%;margin:10px 0;text-align:end}.skill-box .title{display:block;font-size:14px;font-weight:600;color:#e2e2e2}.skill-box .skill-bar{height:8px;width:100%;border-radius:6px;margin-top:6px;background:#ececec1a}.skill-bar .skill-per{position:relative;display:block;height:100%;width:90%;border-radius:6px;background:#056dfa;animation:progress .4s ease-in-out forwards;opacity:0}.skill-per.java{width:28%;animation-delay:.1s}.skill-per.dart{width:48%;animation-delay:.1s}.skill-per.js{width:24%;animation-delay:.2s}@keyframes progress{0%{width:0;opacity:1}to{opacity:1}}.skill-per .tooltip{position:absolute;right:-14px;top:-28px;font-size:9px;font-weight:500;color:#000;font-weight:700;padding:2px 6px;border-radius:3px;background:#e2e2e2;z-index:1}.tooltip:before{content:"";position:absolute;left:50%;bottom:-2px;height:10px;width:10px;z-index:-1;background-color:#e2e2e2;transform:translate(-50%) rotate(45deg)}.card-contact{display:flex;align-items:center;justify-content:center;padding:25px;gap:20px}.socialContainer{width:52px;height:52px;background-color:#2c2c2c;display:flex;align-items:center;justify-content:center;overflow:hidden;transition-duration:.3s}.containerOne:hover{background-color:red;transition-duration:.3s;transform:scale(1.3);border-radius:15px}.containerTwo:hover{background-color:#000;transition-duration:.3s;transform:scale(1.3);border-radius:15px}.containerThree:hover{background-color:#0072b1;transition-duration:.3s;transform:scale(1.3);border-radius:15px}.containerFour:hover{background-color:#000;transition-duration:.3s;transform:scale(1.3);border-radius:15px}.containerFive svg circle{fill:#2c2c2c}.containerFive svg circle path{fill:#231f20}.containerFive:hover{background-color:#2c2c2c;transition-duration:.3s;transform:scale(1.3);border-radius:15px}.socialContainer:active{transform:scale(.9);transition-duration:.3s}.socialSvg{width:17px}.socialSvg path{fill:#fff}.socialContainer:hover .socialSvg,.socialContainer:hover .socialImg{animation:slide-in-top .3s both}@keyframes slide-in-top{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.divider{width:100%;display:flex;flex-direction:row;align-items:center}.divider span{width:25%}.divider hr{height:1px;background-color:#9f9f9f;width:42%}.dropdown{border-radius:12px;transition:all .3s;display:flex;flex-direction:column;min-height:80px;background-color:#1a1a1a;overflow:hidden;position:relative;inset-inline:auto;width:99%;border:1px solid #1677ff;margin:15px 0}.dropdown input:where(:checked)~.list{opacity:1;transform:translateY(-3rem) scale(1);transition:all .5s ease;margin-top:32px;padding-top:4px;margin-bottom:-32px}.dropdown input:where(:not(:checked))~.list{opacity:0;transform:translateY(3rem);margin-top:-100%;-webkit-user-select:none;user-select:none;height:0;max-height:0;min-height:0;pointer-events:none;transition:all .5s ease-out}.trigger{cursor:pointer;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:600;color:#fff;display:flex;align-items:center;flex-flow:row;gap:1rem;padding:1rem;height:max-content;position:relative;z-index:99;border-radius:inherit;background-color:#1a1a1a;text-align:initial}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.dropdown input:where(:checked)+.trigger{margin-bottom:1rem}.dropdown input:where(:checked)+.trigger:before{rotate:90deg;transition-delay:0ms}.trigger:before,.trigger:after{position:relative;display:flex;justify-content:center;align-items:center}.trigger:before{content:"›";rotate:-90deg;width:17px;height:17px;color:#fff;border-radius:2px;font-size:26px;transition:all .35s ease;transition-delay:85ms}.list{height:100%;max-height:50rem;width:95%;display:grid;grid-auto-flow:row;overflow:hidden auto;gap:1rem;padding:1rem;margin-right:-8px;--w-scrollbar: 8px}.listitem{height:100%;list-style:none}.article{padding:1rem;border-radius:8px;font-size:15px;font-weight:500;text-align:justify;width:90%;display:inline-block;background-color:#000}.webkit-scrollbar::-webkit-scrollbar{width:var(8px);height:var(--w-scrollbar);border-radius:9999px}.webkit-scrollbar::-webkit-scrollbar-track{background:#0000}.webkit-scrollbar::-webkit-scrollbar-thumb{background:#0000;border-radius:9999px}.webkit-scrollbar:hover::-webkit-scrollbar-thumb{background:#c1c2c5}a{color:#1677ff;text-decoration:none;font-size:14px}a:hover{text-decoration:#1677ff}.article-item{padding:10px 0;display:flex}ul{list-style:none}.timeLine{display:flex;flex-direction:column;justify-content:space-around;gap:10px;padding:0}.timeLine .icon-content{margin-bottom:25px;display:flex;justify-content:space-between}.timeLine .icon-content .card-timeLine{color:#fff;padding:6px;border-radius:15px;font-size:14px;transition:all .3s ease;width:250px}.timeLine .icon-content .tooltip-timeLine{color:#fff;padding:6px 10px;border-radius:15px;font-size:14px;width:50%;margin:auto 0}.timeLine .icon-content .card-timeLine{overflow:hidden;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:20%;color:#4d4d4d;background-color:#1d1d1f;transition:all .3s ease-in-out}.timeLine .icon-content .card-timeLine:hover{box-shadow:3px 2px 45px #0000007f}.timeLine .icon-content .card-timeLine svg{z-index:1;width:30px;height:30px}.timeLine .icon-content .card-timeLine:hover{color:#1d1d1f}.timeLine .icon-content .card-timeLine:hover .filled{height:100%}.timeLine .icon-content div[data-social=college]~.tooltip-timeLine{background-color:#1db954}.timeLine .icon-content div[data-social=work]~.tooltip-timeLine{background-color:gray}.timeLine .icon-content div[data-social=certificate]~.tooltip-timeLine{background-color:#08c}@media (max-width: 992px){.data{font-size:8px}}.mySlides{display:none}img{vertical-align:middle}.slideshow-container{position:relative;margin:auto}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;padding:16px;margin-top:-22px;color:#fff;font-weight:700;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;user-select:none}.next{right:0;border-radius:3px 0 0 3px}.prev:hover,.next:hover{background-color:#1a1a1a}.text{color:#f2f2f2;font-size:15px;padding:8px 12px;position:absolute;bottom:8px;width:100%;text-align:center}.dotCounter{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}.active,.dot:hover{background-color:#717171}.fade{animation-name:fade;animation-duration:1.5s}@keyframes fade{0%{opacity:.4}to{opacity:1}}@media only screen and (max-width: 300px){.prev,.next,.text{font-size:11px}}.mySlides img{max-height:300px}@media (max-width: 992px){.mySlides img{max-height:150px}}.btn{display:flex;gap:.5rem;border:none;transition:all .5s cubic-bezier(.165,.84,.44,1);border-radius:100px;font-weight:800;place-content:center;padding:.75rem 1rem;margin:15px 5px;font-size:.825rem;line-height:1rem;background-color:#1a1a1a;box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff0a;color:#fff}.btn:hover{box-shadow:inset 0 1px #ffffff14,inset 0 0 0 1px #1677ff;transform:translateY(-.25rem);background-color:#00000080}@media (max-width: 992px){.btn{flex-direction:column;align-items:center;width:90%}}.navbar{position:fixed;top:0;width:100%;background:#000;z-index:100;display:flex;justify-content:end}.popup{--burger-line-width: 1.125em;--burger-line-height: .125em;--burger-offset: .625em;--burger-bg: rgba(0, 0, 0, .15);--burger-color: white;--burger-line-border-radius: .1875em;--burger-diameter: 2.125em;--burger-btn-border-radius: calc(var(--burger-diameter) / 2);--burger-line-transition: .3s;--burger-transition: all .1s ease-in-out;--burger-hover-scale: 1.1;--burger-active-scale: .95;--burger-enable-outline-color: var(--burger-bg);--burger-enable-outline-width: .125em;--burger-enable-outline-offset: var(--burger-enable-outline-width);--nav-padding-x: .25em;--nav-padding-y: .625em;--nav-border-radius: .375em;--nav-border-color: #ccc;--nav-border-width: .0625em;--nav-shadow-color: rgba(0, 0, 0, .2);--nav-shadow-width: 0 1px 5px;--nav-bg: #eee;--nav-font-family: Menlo, Roboto Mono, monospace;--nav-default-scale: .8;--nav-active-scale: 1;--nav-position-left: 0;--nav-position-right: unset;--nav-title-size: .625em;--nav-title-color: white;--nav-title-padding-x: 1rem;--nav-title-padding-y: .25em;--nav-button-padding-x: 1rem;--nav-button-padding-y: .375em;--nav-button-border-radius: .375em;--nav-button-font-size: 12px;--nav-button-hover-bg: #056dfa;--nav-button-hover-text-color: #fff;--nav-button-distance: .875em;--underline-border-width: .0625em;--underline-border-color: #ccc;--underline-margin-y: .3125em}.popup{display:inline-block;text-rendering:optimizeLegibility;position:relative;margin-right:3rem}.popup input{display:none}.burger{display:flex;position:relative;align-items:center;justify-content:center;width:var(--burger-diameter);height:var(--burger-diameter);border-radius:var(--burger-btn-border-radius);border:none;cursor:pointer;overflow:hidden;transition:var(--burger-transition);outline:var(--burger-enable-outline-width) solid transparent;outline-offset:0;z-index:1}.burger span{height:var(--burger-line-height);width:var(--burger-line-width);background:var(--burger-color);border-radius:var(--burger-line-border-radius);position:absolute;transition:var(--burger-line-transition)}.popup-window{margin-top:10px;transform:scale(var(--nav-default-scale));visibility:hidden;opacity:0;position:absolute;padding:var(--nav-padding-y) var(--nav-padding-x);background-color:#000;font-family:var(--nav-font-family);border-radius:var(--nav-border-radius);box-shadow:var(--nav-shadow-width) var(--nav-shadow-color);top:calc(var(--burger-diameter) + var(--burger-enable-outline-width) + var(--burger-enable-outline-offset));c:var(--nav-position-left);right:var(--nav-position-right);transition:var(--burger-transition);border:1px #056dfa solid;z-index:20}@media (max-width: 992px){.popup-window{left:-50px}.descricao{display:none}.button-navbar{width:70px!important}}.popup-window legend{padding:var(--nav-title-padding-y) var(--nav-title-padding-x);margin:0;color:var(--nav-title-color);font-size:var(--nav-title-size);text-transform:uppercase}.popup-window ul{margin:0;padding:0;list-style-type:none}.popup-window ul button{outline:none;width:100%;border:none;background:none;display:flex;align-items:center;color:var(--burger-color);font-size:var(--nav-button-font-size);padding:var(--nav-button-padding-y) var(--nav-button-padding-x);white-space:nowrap;border-radius:var(--nav-button-border-radius);cursor:pointer;column-gap:var(--nav-button-distance)}.selected,.popup-window ul button:hover,.popup-window ul button:focus-visible,.popup-window ul button:hover svg,.popup-window ul button:focus-visible svg{color:var(--nav-button-hover-text-color);background:var(--nav-button-hover-bg)}.burger:hover{transform:scale(var(--burger-hover-scale))}.burger:active{transform:scale(var(--burger-active-scale))}.burger:focus:not(:hover){outline-color:#056dfa;outline-offset:var(--burger-enable-outline-offset)}.popup input:checked+.burger span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.popup input:checked+.burger span:nth-child(2){bottom:50%;transform:translateY(50%) rotate(-45deg)}.popup input:checked+.burger span:nth-child(3){transform:translate(calc(var(--burger-diameter) * -1 - var(--burger-line-width)))}.popup input:checked~nav{transform:scale(var(--nav-active-scale));visibility:visible;opacity:1}.button-navbar{outline:0!important;border:0!important;width:100px;height:60px;border-radius:50%;background-color:transparent;display:flex;align-items:center;justify-content:center;color:#fff;transition:all ease-in-out .3s;cursor:pointer}.button-navbar:hover{transform:translateY(-3px)}.button-container{display:flex;background-color:#000;align-items:center;justify-content:space-around;border-radius:10px;margin-right:5px}.button-navbar svg,img{margin-right:5px}.icon{font-size:20px}