@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400&family=Rubik:wght@300;400;500;600;700;800&display=swap&family=Open+Sans:wght@300;400;500";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font-family:Poppins,Rubik,sans-serif;color:#e6e6e6}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}li{list-style:none}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.container{width:1200px;margin:0 auto;padding:0;position:relative}.container:after,.container:before{content:" ";display:table}.container:after{clear:both}.grid-1,.grid-2,.grid-3,.grid-4,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9,.grid-10,.grid-11,.grid-12,.grid-13,.grid-14,.grid-15,.grid-16,.grid-1-3{float:left}.grid{display:grid;gap:20px;width:100%}.grid-2-f{grid-template-columns:1.5fr 2fr}.grid-f-2{grid-template-columns:2fr 1.5fr}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1fr 1fr 1fr}.grid-4{grid-template-columns:1fr 1fr 1fr 1fr}.grid-6-10{grid-template-columns:1fr 1.5fr}.grid-6-10 .grid-6-{grid-column:1;display:flex;flex-direction:column;justify-content:center}.grid-6-10 .grid-10-{grid-column:2}.grid-8-8{grid-template-columns:1.2fr 1fr}.grid-8-8 .grid-81-{grid-column:1}.grid-8-8 .grid-8-{grid-column:2}.grid-4-10{grid-template-columns:1.5fr 1fr}.grid-4-10 .grid-4-{grid-column:1}.grid-4-10 .grid-10-{grid-column:2}.navigation{background-color:#15243dd2;width:100%;padding:20px 0;margin-top:30px;text-align:center}.navigation li{display:inline-block;cursor:pointer;margin:0 8px;transition:all .5s}.navigation li a{color:#101620;font-weight:500;border-radius:39% 31% 43% 40%/50% 53% 59% 58%;padding:0 16px;background-color:#ccd6f6}.navigation li a:hover{background-color:#58a6ffbc}.navigation li.disabled{cursor:default}.navigation li.disabled a,.navigation li.disabled a:hover{background-color:#8d8d8d}.navigation li.selected{cursor:default}.navigation li.selected a{background-color:#438ce0;color:#fff}.navigation li.selected a:hover{background-color:#438ce0}.anim{position:relative}.anim .hiL{position:absolute;right:-65px;top:-5px;margin:0;display:grid;place-items:center}.anim .hiL p{transform:translatey(0);animation:float 5s ease-in-out infinite;text-align:center;font-weight:600;letter-spacing:3px;font-size:15px;color:#f6f4f4;background-color:#2286f8;padding:10px;border-radius:16px;position:relative;box-shadow:20px 20px #2286f852}.anim .hiL p:after{transform:translatey(0);animation:float2 5s ease-in-out infinite;content:".";font-weight:700;-webkit-text-fill-color:#2286f8;text-shadow:22px 22px rgba(34,134,248,.3215686275);text-align:left;font-size:55px;width:55px;height:11px;line-height:30px;border-radius:11px;background-color:#2286f8;position:absolute;display:block;bottom:-30px;left:0;box-shadow:22px 22px #2286f852;z-index:-2}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}@keyframes float2{0%{line-height:30px;transform:translatey(0)}55%{transform:translatey(-20px)}60%{line-height:10px}to{line-height:30px;transform:translatey(0)}}.menu{width:100%;position:fixed;padding:18px 0;z-index:1001;box-shadow:0 1px .1px #0006}.menu nav{display:flex;align-items:center;justify-content:space-between;height:100%;flex:1}.menu nav .hamlogo{display:flex;gap:30px;flex:1}.menu nav .hamburger{display:flex;flex:2;justify-content:flex-end;gap:60px}.menu nav .hamburger .ham{display:flex;align-items:center;gap:60px}.menu nav .logo{display:flex;align-items:center;text-decoration:none;gap:3px;font-size:1.2rem;font-weight:600}.menu nav .logo:before,.menu nav .logo:after{content:"<";color:#2287f8;font-family:Rubik}.menu nav .logo:after{content:"/>"}.menu nav p{font-size:1.05rem}.menu nav p span{cursor:pointer;color:#ccd6f6}.menu nav p span:hover{color:#fff}.menu nav p .active{font-weight:600;color:#2287f8!important}.menu nav p .active:hover{color:#2287f8e8}.menu nav p .language{color:#2287f8;font-weight:500}.menu nav .theme{width:24px;cursor:pointer}.menu nav .theme img{object-fit:cover;width:100%;border-radius:50%;padding:1px;border:1px solid #ccd6f6}.menu nav .menu-lista{display:flex;align-items:center}.menu nav .menu-lista ul li{color:#ccd6f6;list-style:none;display:inline-block;padding:0 15px;font-weight:500;font-size:16px}.menu nav .menu-lista ul li:nth-child(1){padding-left:0}.menu nav .menu-lista ul li:nth-last-child(1){padding-right:0}.menu nav .menu-lista ul li .link{cursor:pointer}.menu nav .menu-lista ul li a{color:#ccd6f6;font-size:1.1rem;text-decoration:none;font-weight:500}.menu nav .menu-lista ul li a:hover{color:#fff}.menu nav .menu-lista ul li small{color:#2287f8;margin-right:5px;font-weight:400;font-size:1rem}main{width:100%;position:relative}main .home{display:flex;width:100%;position:relative}main .home .pessoal{flex:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;position:relative;margin-top:60px}main .home .pessoal .hi{height:250px;width:250px;border-radius:50%;-webkit-box-shadow:-12px -2px 5px 7px rgba(0,0,0,.02);-moz-box-shadow:-12px -2px 5px 7px rgba(0,0,0,.02);box-shadow:-12px -2px 5px 7px #00000005}main .home .pessoal h1{font-size:5.8rem;font-family:Rubik;letter-spacing:.8px;text-shadow:0 0 5px rgba(0,0,0,.2);line-height:.9;position:relative;font-weight:500;color:#ccd6f6}main .home .pessoal h2{font-weight:400;display:flex;align-items:center;gap:10px;font-size:1.3rem;margin:10px 0 30px}main .home .pessoal h2 span{display:flex;color:#8892b0;align-items:center;font-weight:500;gap:10px}main .home .pessoal h2 span:after{content:"";height:8px;width:8px;background-color:#2287f8;display:inline-block;border-radius:50%}main .home .pessoal h2 span:nth-last-child(1):after{content:none}main .home .pessoal p{font-size:20px;letter-spacing:.6px;line-height:1.5;text-align:center;max-width:650px;margin:30px 0 50px}main .home .pessoal .button a{display:flex;align-items:center;padding:8px 15px;border-radius:15px;border:0;font-weight:500;cursor:pointer;font-size:1rem;background-color:#2287f8;border-color:#2287f8;color:#ccd6f6}main .home .pessoal .button a:hover{background-color:#2287f8e7}main .home .pessoal .button a:after{content:"‹";color:#ccd6f6;height:30px;width:30px;background-color:#ffffff29;font-size:20px;margin-left:10px;transform:rotate(270deg);font-family:Rubik;border-radius:10px;display:flex;align-items:center;justify-content:center}main .home .git{flex:1;padding:200px 80px 100px 0}main .home .git .git-data{border-bottom:1px solid rgba(104,115,129,.168627451);border-radius:1rem;height:800px;overflow-y:scroll}main .home .git .git-data b{color:#fff;margin:0 4px;font-weight:500}main .home .git .git-data .git-n{display:flex;border-bottom:1px solid #687381;background-color:#3c4454;padding:10px;gap:10px;align-items:center}main .home .git .git-data .git-n img{height:40px;width:40px;object-fit:cover;border-radius:50%}main .home .git .git-data .git-n div{flex:1}main .home .git .git-data .git-n div h1{display:flex;align-items:center;justify-content:space-between}main .home .git .git-data .git-n div h1 span{font-size:18px;color:#2287f8}main .home .git .git-data .git-n div h1 small{font-size:14px;color:#fff;font-weight:400}main .home .git .git-data .git-n div h1 a svg{fill:#fff;width:20px}main .home .git .git-data .git-n div h1 a svg:hover{fill:#dedede}main .home .git .git-data .git-n div p{display:flex;align-items:center;font-size:14px;gap:20px}main .home .git .git-data .git-n div p span{display:flex;align-items:center;color:#fff}main .home .git .git-data .git-n div p span:nth-child(1){color:#999797}main .home .git .git-data .git-n div p span svg{fill:#fff;margin-right:6px}main .home .git .git-data .git-n div p span small{height:5px;width:5px;background-color:#2287f8;border-radius:50%;margin:0 8px}main .home .git .git-data .repositors .repo{border-bottom:1px solid rgba(104,115,129,.168627451);padding:20px;background-color:#edf0f124}main .home .git .git-data .repositors .repo:nth-last-child(1){border-bottom:none}main .home .git .git-data .repositors .repo h3{display:flex;align-items:center;gap:10px}main .home .git .git-data .repositors .repo h3 a{color:#2287f8;text-decoration:none;font-weight:600;font-size:20px}main .home .git .git-data .repositors .repo h3 a:hover{text-decoration:underline}main .home .git .git-data .repositors .repo h3 small{color:#ccd6f6;padding:0 7px;border:1px solid #ccd6f6;border-radius:2em;font-size:12px;font-weight:400}main .home .git .git-data .repositors .repo p{color:#fff;font-size:14px;margin:3px 0}main .home .git .git-data .repositors .repo .tags{margin:10px 0 15px}main .home .git .git-data .repositors .repo .tags span{display:inline-block;font-size:12px;font-weight:500;line-height:18px;white-space:nowrap;border:1px solid transparent;border-radius:2em;padding:0 10px;line-height:22px;color:#2287f8;background-color:#388bfd26;border:1px solid rgba(0,0,0,0);margin-right:3px;margin-top:5px}main .home .git .git-data .repositors .repo .footer{display:flex;align-items:center;gap:20px;font-size:12px}main .home .git .git-data .repositors .repo .footer span{color:#ccd6f6;display:flex;align-items:center;gap:6px}main .home .git .git-data .repositors .repo .footer span svg{fill:#ccd6f6}main .home .git .git-data .repositors .repo .footer span small{height:10px;width:10px;display:inline-block;background-color:#3d6117;border-radius:50%;border:1px solid rgba(255,255,255,.4470588235)}main .home .social-media{margin-top:10px}main .home .social-media ul li{display:inline-block;padding:10px}main .home .social-media ul li a{position:relative}@keyframes dash{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}main .home .social-media ul li a svg{width:26px;stroke:#ffffffd7}main .home .social-media ul li a svg:hover path,main .home .social-media ul li a svg:hover rect,main .home .social-media ul li a svg:hover circle,main .home .social-media ul li a svg:hover line{stroke-dasharray:200;stroke-dashoffset:200;animation:dash 2s linear infinite;stroke:#2287f8}main .separador{display:flex;position:relative;align-items:center;padding:85px 0 50px}main .separador h1{font-size:22px;color:#fff;white-space:nowrap;font-weight:500}main .separador h1 small{color:#2287f8;margin-right:5px;font-weight:300;font-size:18px;font-weight:500}main .separador:after{content:"";height:.5px;width:100%;background-color:#2286f856;margin-left:30px}main .sobre{display:grid;align-items:center;justify-content:space-between}main .sobre .stack{width:85%;max-width:400px;transition:.25s ease;display:block;margin:0 auto;transform:rotate(0)}main .sobre .card{border:3px solid rgba(34,134,248,.3294117647);background-color:#030a15;position:relative;padding:5%}main .sobre .card:before,main .sobre .card:after{content:"";display:block;position:absolute;height:100%;width:100%;border:3px solid rgba(34,134,248,.3294117647);background-color:#030a15;transform-origin:center center;z-index:-1;top:0;left:0}main .sobre .card:before{transform:translatey(-2%) rotate(-6deg)}main .sobre .card:after{transform:translatey(2%) rotate(6deg)}main .sobre .image{width:100%;border:3px solid rgba(34,134,248,.3294117647);background-color:#eee;position:relative}main .sobre .browser-warning{margin-bottom:4rem}@supports (aspect-ratio: 1/1){main .sobre .browser-warning{display:none}}main .sobre .texto p{max-width:800px;font-size:1.25rem;font-weight:500;line-height:1.7;margin-bottom:15px;font-family:Open Sans}main .sobre .texto p small{color:#2287f8;font-weight:500;font-size:18px}main .sobre .texto a{display:flex;align-items:center;padding:8px 15px;border:1.5px solid #2287f8;background-color:#2287f8;border-radius:15px;width:182px;text-decoration:none;position:relative;box-shadow:0 .2px .3px #0000001a;color:#fff}main .sobre .texto a:after{content:"‹";color:#2287f8;display:flex;align-items:center;justify-content:center;height:25px;width:25px;background-color:#ffffff68;font-size:20px;transform:rotate(270deg);font-family:Rubik;border-radius:10px;margin-left:10px}main .sobre .texto a:hover{border-color:#58a6ffe4}main .sobre .texto ul{display:grid;grid-template-columns:1fr 1fr 1fr;margin:20px 0 30px}main .sobre .texto ul li{text-transform:uppercase;margin-bottom:8px;color:#8892b0}main .sobre .texto ul li:before{content:"▹";left:0;color:#2287f8;font-size:16px;margin-right:8px;display:inline-block}main .projectos{display:grid;align-items:center;justify-content:space-between;margin-top:60px}main .projectos .image{width:100%;height:350px;border-radius:1rem;box-shadow:0 2px 3px #0003}main .projectos .image img{object-fit:cover;width:100%;height:100%;border-radius:1rem}main .projectos .texto{position:relative}main .projectos .texto .descricao{padding:15px;position:absolute;width:580px;right:-60px;top:50%;transform:translateY(-50%);background-color:#15243df7;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgba(255,255,255,.16);border-top:0px}main .projectos .texto .descricao h1{font-size:24px;font-weight:500;font-weight:700;color:#ccd6f6}main .projectos .texto .descricao .tools{margin:5px 0 8px}main .projectos .texto .descricao .tools span{display:inline-flex;vertical-align:top;-webkit-box-align:center;align-items:center;max-width:100%;font-weight:500;line-height:1.2;outline:transparent solid 2px;outline-offset:2px;min-height:1.45rem;min-width:1.25rem;font-size:.75rem;padding:0 5px;border-radius:.375rem;margin-left:6px}main .projectos .texto .descricao .tools span:nth-child(1){margin-left:0}main .projectos .texto .descricao .tools span span{overflow:hidden;margin-left:0;white-space:nowrap;font-weight:600}main .projectos .texto .descricao .tools span i{font-size:12px}main .projectos .texto .descricao p{font-family:Open Sans;font-size:16px;color:#f8f8fa!important}main .projectos .texto .descricao p a{text-decoration-color:#2287f8;font-size:15px;line-height:0}main .projectos .texto .descricao ul{margin-top:15px;display:flex;align-items:center;gap:10px}main .projectos .texto .descricao ul li a svg{width:20px;stroke:#ccd6f6}main .projectos .texto .descricao ul li a svg:hover{stroke:#2287f8}main .projectos.grid-f-2 .texto .descricao{left:-60px}main .projectos:first-of-type{margin-top:0!important}main .contatos{background-color:#15243dd2;width:100%;padding:50px 0;display:flex;align-items:center;justify-content:space-around;flex-direction:column;gap:40px;margin-bottom:40px}main .contatos .img{height:140px;width:140px;border-radius:50%;border:6px solid #2287f8;overflow:hidden}main .contatos .img img{width:100%;height:100%;object-fit:cover}main .contatos h1{max-width:74%;font-size:17px;color:#ccd6f6;font-weight:500;text-align:center}main .contatos h1 small{text-decoration:underline;text-decoration-color:#2287f8}main .contatos .social{display:flex;align-items:center;gap:30px}main .contatos .social a svg{width:26px;stroke:#ccd6f6}main .contatos .social a svg:hover{stroke:#2287f8}main .contatos div{text-align:center}main .contatos div p{font-family:Open Sans;color:#ccd6f6;font-size:16px}main .contatos div p small{font-weight:600;color:#2287f8!important}main footer{text-align:center;padding:20px 0}main footer small{color:#ccd6f6}main footer small a{font-weight:600;text-decoration-color:#2287f8}.center,.center-light{display:flex;text-align:center;justify-content:center;align-items:center;min-height:100vh;background-color:#030a15}.center .ring,.center-light .ring{position:absolute;width:140px;height:140px;border-radius:50%;animation:ring 2s linear infinite}.center .ring:before,.center-light .ring:before{position:absolute;content:"";left:0;top:0;height:100%;width:100%;border-radius:50%;box-shadow:0 0 5px #ffffff4d}@keyframes ring{0%{transform:rotate(0);box-shadow:1px 5px 2px #ee344c}50%{transform:rotate(180deg);box-shadow:1px 5px 2px #ffffff63}to{transform:rotate(360deg);box-shadow:1px 5px 2px #2287f8}}.center span,.center-light span{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:1px;line-height:200px;animation:text 3s ease-in-out infinite}@keyframes text{50%{color:#fff}}.center-light{background-color:#f8f8f8}.center-light span{color:#15243d}@keyframes text{50%{color:#15243d}}@keyframes ring{0%{transform:rotate(0);box-shadow:1px 5px 2px #ee344daa}50%{transform:rotate(180deg);box-shadow:1px 5px 2px #15243d84}to{transform:rotate(360deg);box-shadow:1px 5px 2px #2286f891}}.top{position:fixed;z-index:100;animation:fadeIn .3s;cursor:pointer;display:flex;align-items:center;justify-content:center;bottom:5%;right:2%;height:40px;width:40px;border-radius:14px;background-color:#2287f8}.top svg{fill:#fff;width:26px}.top:hover{background-color:#2287f8b8}.moon,.moon .menu{background-color:#030a15}.moon .menu nav .logo{color:#ccd6f6}.moon .menu nav .menu-lista{display:flex;align-items:center}.moon .menu nav .menu-lista ul li{color:#ccd6f6}.moon .menu nav .menu-lista ul li a{color:#ccd6f6}.moon .menu nav .menu-lista ul li a:hover{color:#fff}.light{background-color:#f8f8f8}.light .menu{box-shadow:0 1px .1px #0000000f;-webkit-backdrop-filter:saturate(90%) blur(7px);backdrop-filter:saturate(90%) blur(7px);background-color:#fff!important}.light .menu nav .logo{color:#030a15d6}.light .menu nav p span{color:#030a15d6}.light .menu nav p span:hover{color:#030a15b0}.light .menu nav .theme img{border:1px solid rgba(3,10,21,.8392156863)}.light .menu nav .hamb{display:block}.light .menu nav .hamb span{background-color:#030a15d6}.light .menu nav .hamb.men .bar1{transform:translateY(4px) rotate(-45deg)}.light .menu nav .hamb.men .bar2{transform:translateY(-4px) rotate(45deg)}.light .menu nav .menu-lista ul li{color:#030a15d6}.light .menu nav .menu-lista ul li a{color:#030a15d6}.light .menu nav .menu-lista ul li a:hover{color:#030a15b0}.light .menu nav .menu-lista ul li small{color:#2287f8}.light main .home .pessoal h1{text-shadow:0 0 5px rgba(0,0,0,.2);color:#15243d}.light main .home .pessoal .button a{color:#fff}.light main .home .git .git-data{border-bottom:1px solid rgba(104,115,129,.168627451)}.light main .home .git .git-data b{color:#fff}.light main .home .git .git-data .git-n{display:flex;border-bottom:1px solid #687381;background-color:#3c4454;padding:10px;gap:10px;align-items:center}.light main .home .git .git-data .git-n img{height:40px;width:40px;object-fit:cover;border-radius:50%}.light main .home .git .git-data .git-n div{flex:1}.light main .home .git .git-data .git-n div h1{display:flex;align-items:center;justify-content:space-between}.light main .home .git .git-data .git-n div h1 span{font-size:18px;color:#2287f8}.light main .home .git .git-data .git-n div h1 small{font-size:14px;color:#fff;font-weight:400}.light main .home .git .git-data .git-n div h1 a svg{fill:#fff;width:20px}.light main .home .git .git-data .git-n div h1 a svg:hover{fill:#dedede}.light main .home .git .git-data .git-n div p{display:flex;align-items:center;font-size:14px;gap:20px}.light main .home .git .git-data .git-n div p span{display:flex;align-items:center;color:#fff}.light main .home .git .git-data .git-n div p span:nth-child(1){color:#999797}.light main .home .git .git-data .git-n div p span svg{fill:#fff;margin-right:6px}.light main .home .git .git-data .git-n div p span small{height:5px;width:5px;background-color:#2287f8;border-radius:50%;margin:0 8px}.light main .home .git .git-data .repositors .repo{border-bottom:1px solid rgba(104,115,129,.168627451);background-color:#fff}.light main .home .git .git-data .repositors .repo h3 a{color:#2287f8}.light main .home .git .git-data .repositors .repo h3 small{color:#3c4454;border:1px solid #3c4454}.light main .home .git .git-data .repositors .repo p{color:#3b3b3b}.light main .home .git .git-data .repositors .repo .tags span{color:#2286f8;background-color:#2286f826}.light main .home .git .git-data .repositors .repo .footer span{color:#687381}.light main .home .git .git-data .repositors .repo .footer span svg{fill:#687381}.light main .home .social-media ul li a svg{stroke:#3c4454}.light main .separador h1{color:#030a15d6}.light main .sobre .img{height:350px;width:350px;border:4px solid #2287f8;border-radius:50%;margin-left:32px;position:relative;padding:6px}.light main .sobre .img img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #2287f8}.light main .sobre .texto p{color:#030a15d6}.light main .sobre .texto ul li{color:#030a15d6}.light .sobre .image,.light .sobre .card{background-color:#fff;border:3px solid #e6e6e6}.light .sobre .image:before,.light .sobre .image:after,.light .sobre .card:before,.light .sobre .card:after{background-color:#fff;border:3px solid #e6e6e6}.light .projectos .texto .descricao{background-color:#fff;box-shadow:0 2px 3px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgba(93,93,93,.157)}.light .projectos .texto .descricao h1{color:#15243d}.light .projectos .texto .descricao p{color:#030a15d6!important}.light .projectos .texto .descricao p a{color:#030a1577!important;text-decoration-color:#2287f8}.light .projectos .texto .descricao ul li a svg{stroke:#030a15}.light .projectos .texto .descricao ul li a svg:hover{stroke:#575757}.light .projectos.grid-f-2 .texto .descricao{left:-60px}.light .projectos:first-of-type{margin-top:0!important}.light .navigation{background-color:#fff}.light .navigation li.disabled a,.light .navigation li.disabled a:hover{background-color:#0003}.light .contatos{background-color:#fff}.light .contatos h1{color:#030a15d6}.light .contatos h1 small{text-decoration-color:#2287f8}.light .contatos .social a svg{stroke:#030a15d6}.light .contatos .social a svg:hover{stroke:#2287f8}.light .contatos div p{color:#030a15d6}.light footer{background-color:#fff}.light footer small{color:#030a15d6}.light footer small a{color:#030a15d6}@media only screen and (max-width: 767px){.container{width:100%;padding:0 15px}.menu{position:fixed;box-shadow:unset!important}.menu nav{display:block}.menu nav .hamlogo{display:flex;justify-content:space-between}.menu nav .hamburger{flex-direction:column;z-index:9999}.menu nav .hamburger .ham{display:flex;width:100%;justify-content:space-around;margin-top:20px}.menu nav .hamburger .menu-lista{display:flex;align-items:center;flex-direction:column;width:100%;height:100vh}.menu nav .hamburger .menu-lista ul{display:flex;flex-direction:column;gap:40px;margin-top:10px;height:300px}.menu nav .hamburger .menu-lista ul li{display:block;padding:0 15px}.menu nav .hamburger .menu-lista ul li a{font-size:1.1rem}.menu nav .none{display:none}.menu nav .hamb{display:block}.menu nav .hamb span{height:2.5px;width:22px;background-color:#ccd6f6;display:block;margin:5px 0;border-radius:30px;transform:translateY(0) rotate(0);transition:all .5s ease}.menu nav .hamb.men .bar1{transform:translateY(4px) rotate(-45deg)}.menu nav .hamb.men .bar2{transform:translateY(-4px) rotate(45deg)}.menu nav .logo{font-size:.96rem}.menu nav p{margin-top:0;font-size:14px}.anim{position:relative}.anim .hiL{position:absolute;right:-45px;top:-20px;margin:0;display:grid;place-items:center}.anim .hiL p{transform:translatey(0);animation:float 5s ease-in-out infinite;text-align:center;font-weight:400;letter-spacing:3px;font-size:.8rem!important;color:#f6f4f4;background-color:#2286f8;padding:5px 10px;border-radius:18px;position:relative;box-shadow:unset;box-shadow:10px 10px #2286f852}.anim .hiL p:after{transform:translatey(0);animation:float2 5s ease-in-out infinite;content:".";font-weight:500;-webkit-text-fill-color:#2286f8;text-shadow:unset;text-align:left;font-size:55px;width:55px;height:8px;line-height:10px;border-radius:11px;background-color:#2286f8;position:absolute;display:block;bottom:-30px;left:0;box-shadow:unset;text-shadow:10px 10px rgba(34,134,248,.3215686275);box-shadow:10px 10px #2286f852}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}@keyframes float2{0%{line-height:30px;transform:translatey(0)}55%{transform:translatey(-20px)}60%{line-height:10px}to{line-height:30px;transform:translatey(0)}}main .home{height:100vh;display:flex;width:100%;position:relative}main .home .pessoal{height:calc(100vh - 70px)}main .home .pessoal h1{font-size:2.7rem;text-shadow:0 0 3px rgba(0,0,0,.114)!important}main .home .pessoal h2{font-size:1rem}main .home .pessoal h2 span:after{height:6px;width:6px}main .home .pessoal div a:after{height:25px;width:25px;font-size:18px}main .home .pessoal .hi{height:160px;width:160px}main .home .pessoal .frames{display:none;position:absolute;bottom:50px;transform:translate(-50%);left:50%}main .home .pessoal .frames small{color:#8892b0;align-items:center;font-weight:500;font-size:12px}main .home .pessoal .frames small:after{content:"";height:5px;width:5px;background-color:#2287f8;display:inline-block;border-radius:50%;margin:0 10px}main .home .pessoal .frames small:nth-last-child(1):after{content:none}main .home .pessoal .button a{padding:7px 10px;border-radius:15px;font-size:.8rem}main .home .pessoal .button a:after{height:25px;width:25px;border-radius:8px}main .home .git{display:none}main .home .social-media ul li a svg{width:20px}main .separador{display:flex;position:relative;align-items:center;padding:66px 0 30px}main .separador h1{font-size:18px;color:#fff;z-index:1;font-weight:500}main .separador h1 small{color:#2287f8;margin-right:5px;font-weight:300;font-size:14px;font-weight:500}main .separador:after{content:"";height:.5px;background-color:#2287f8;margin-left:20px}main .separador.sb:before,main .separador.sk:before{content:"Sobre Mim";text-transform:uppercase;font-size:70px;color:#2287f8;font-family:Rubik;position:absolute;top:-40px;opacity:.4;left:50%;transform:translate(-50%);z-index:-1}main .separador.sk:before{content:"Habilidades"}main .sobre{display:block;margin-top:55px}main .sobre .texto{margin-top:30px}main .sobre .texto p{max-width:800px;line-height:1.5;font-size:1rem;margin-bottom:15px;font-family:Open Sans}main .sobre .texto a{text-decoration:none;position:relative;background-color:#2287f8;font-size:15px;width:170px;color:#fff}main .sobre .texto a:after{content:"‹";color:#fff;text-align:center;height:25px;width:25px;font-size:17px;background-color:#ffffff29;transform:rotate(270deg);font-family:Rubik;border-radius:10px;margin-left:10px}main .sobre .texto a:hover{border-color:#58a6ffe4}main .sobre .texto ul{grid-template-columns:1fr 1fr;margin-bottom:0}main .sobre .texto ul li:before{font-size:14px}main .projectos{display:block;position:relative;margin-bottom:240px;margin-top:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}main .projectos .image{width:100%;height:100%}main .projectos .image img{object-fit:contain;width:100%;height:100%;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}main .projectos .texto{position:absolute;bottom:0;width:100%}main .projectos .texto .descricao{padding:10px;width:100%;left:0!important;top:0;transform:none;background-color:#15243df7;border-radius:1rem;border-top-left-radius:0;border-top-right-radius:0}main .projectos .texto .descricao h1{font-size:22px!important}main .projectos .texto .descricao p{font-family:Open Sans;font-size:14px;color:#8892b0}main .projectos .texto .descricao p a{font-size:13px;text-decoration-color:#2287f8}main .projectos.grid-f-2 .texto .descricao{left:0}main .contatos{padding:30px 15px;gap:30px;margin-bottom:30px}main .contatos .img{height:100px;width:100px;border:4px solid #2287f8}main .contatos h1{max-width:85%;font-size:15px;color:#ccd6f6;font-weight:400;text-align:center}main .contatos .social{display:flex;align-items:center;gap:15px}main .contatos .social a svg{width:20px;stroke:#ccd6f6}main .contatos .social a svg:hover{stroke:#2287f8}main .contatos div{text-align:center}main .contatos div p{font-family:Open Sans;color:#ccd6f6;font-size:13px}main .contatos div p small{font-weight:600;color:#2287f8!important}main footer{padding:20px 0 30px}.center .ring{width:110px;height:120px}.center span{font-size:12px}}@media only screen and (min-width: 768px) and (max-width: 1053px){.container{width:100%;padding:0 20px}.menu{position:fixed;box-shadow:unset!important}.menu nav{display:block}.menu nav .hamlogo{display:flex;justify-content:space-between}.menu nav .hamburger{flex-direction:column;z-index:9999}.menu nav .hamburger .ham{display:flex;width:100%;justify-content:space-around;margin-top:20px}.menu nav .hamburger .menu-lista{display:flex;align-items:center;flex-direction:column;width:100%;height:100vh}.menu nav .hamburger .menu-lista ul{display:flex;flex-direction:column;gap:40px;margin-top:10px;height:300px}.menu nav .hamburger .menu-lista ul li{display:block;padding:0 15px}.menu nav .hamburger .menu-lista ul li a{font-size:1.2rem}.menu nav .none{display:none}.menu nav .hamb{display:block}.menu nav .hamb span{height:2.5px;width:22px;background-color:#ccd6f6;display:block;margin:5px 0;border-radius:30px;transform:translateY(0) rotate(0);transition:all .5s ease}.menu nav .hamb.men .bar1{transform:translateY(4px) rotate(-45deg)}.menu nav .hamb.men .bar2{transform:translateY(-4px) rotate(45deg)}.menu nav .logo{font-size:1.07rem}.menu nav p{margin-top:0;font-size:16px}.anim{position:relative}.anim .hiL{position:absolute;right:-45px;top:-20px;margin:0;display:grid;place-items:center}.anim .hiL p{transform:translatey(0);animation:float 5s ease-in-out infinite;text-align:center;font-weight:400;letter-spacing:3px;font-size:1.08rem!important;color:#f6f4f4;background-color:#2286f8;padding:5px 10px;border-radius:18px;position:relative;box-shadow:unset;box-shadow:10px 10px #2286f852}.anim .hiL p:after{transform:translatey(0);animation:float2 5s ease-in-out infinite;content:".";font-weight:500;-webkit-text-fill-color:#2286f8;text-shadow:unset;text-align:left;font-size:55px;width:55px;height:8px;line-height:10px;border-radius:11px;background-color:#2286f8;position:absolute;display:block;bottom:-30px;left:0;box-shadow:unset;text-shadow:10px 10px rgba(34,134,248,.3215686275);box-shadow:10px 10px #2286f852}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}@keyframes float2{0%{line-height:30px;transform:translatey(0)}55%{transform:translatey(-20px)}60%{line-height:10px}to{line-height:30px;transform:translatey(0)}}main .home .pessoal{height:calc(100vh - 70px)}main .home .pessoal h1{font-size:3.7rem;text-shadow:0 0 3px rgba(0,0,0,.114)!important}main .home .pessoal h2{font-size:1.1rem}main .home .pessoal h2 span:after{height:6px;width:6px}main .home .pessoal div a:after{height:25px;width:25px;font-size:18px}main .home .pessoal .hi{height:180px;width:180px}main .home .pessoal .frames{display:none}main .home .pessoal .button a{font-size:.94rem}main .home .pessoal .button a:after{height:25px;width:25px;border-radius:8px}main .home .git{display:none}main .home .social-media ul li a svg{width:20px}main .separador h1{font-size:1.3rem}main .separador h1 small{font-size:1rem}main .separador:after{content:"";height:.5px;background-color:#2286f835;margin-left:20px}main .separador.sb:before,main .separador.sk:before{content:"Sobre Mim";text-transform:uppercase;font-size:70px;color:#2287f8;font-family:Rubik;position:absolute;top:-40px;opacity:.4;left:50%;transform:translate(-50%);z-index:-1}main .separador.sk:before{content:"Habilidades"}main .sobre{display:block;margin-top:55px}main .sobre .texto{margin-top:30px}main .sobre .texto p{max-width:100%;line-height:1.5;font-size:1.06rem;margin-bottom:15px;font-family:Open Sans}main .sobre .texto a{text-decoration:none;position:relative;background-color:#2287f8;font-size:16px;width:170px;color:#fff}main .sobre .texto a:after{content:"‹";color:#fff;text-align:center;height:25px;width:25px;font-size:17px;background-color:#ffffff29;transform:rotate(270deg);font-family:Rubik;border-radius:10px;margin-left:10px}main .sobre .texto a:hover{border-color:#58a6ffe4}main .sobre .texto ul{grid-template-columns:1fr 1fr;margin-bottom:0}main .sobre .texto ul li:before{font-size:14px}main .sobre .card{border:3px solid rgba(34,134,248,.3294117647);background-color:#030a15;position:relative;height:100%;width:100%;padding:0}main .sobre .card:before,main .sobre .card:after{content:"";display:block;position:absolute;border:3px solid rgba(34,134,248,.3294117647);background-color:#030a15;transform-origin:center center;z-index:-1;top:0;left:0}main .sobre .card:before{transform:translatey(-2%) rotate(-6deg)}main .sobre .card:after{transform:translatey(2%) rotate(6deg)}main .sobre .image{border:unset;background-color:#eee;position:relative;height:100%;width:100%}main .sobre .image img{padding:5%}main .projectos{display:block;position:relative;margin-bottom:240px;margin-top:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}main .projectos .image{width:100%;height:100%}main .projectos .image img{object-fit:contain;width:100%;height:100%;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}main .projectos .texto{position:absolute;bottom:0;width:100%}main .projectos .texto .descricao{padding:10px;width:100%;left:0!important;top:0;transform:none;background-color:#15243df7;border-radius:1rem;border-top-left-radius:0;border-top-right-radius:0}main .projectos .texto .descricao h1{font-size:24px!important}main .projectos .texto .descricao p{font-size:1rem}main .projectos .texto .descricao p a{font-size:14px}main .projectos.grid-f-2 .texto .descricao{left:0}main .contatos{padding:30px 15px;gap:30px;margin-bottom:30px}main .contatos .img{height:100px;width:100px;border:4px solid #2287f8}main .contatos h1{max-width:85%;font-size:16px;color:#ccd6f6;font-weight:400;text-align:center}main .contatos .social{display:flex;align-items:center;gap:15px}main .contatos .social a svg{width:22px;stroke:#ccd6f6}main .contatos .social a svg:hover{stroke:#2287f8}main .contatos div{text-align:center}main .contatos div p{font-family:Open Sans;color:#ccd6f6;font-size:16px}main .contatos div p small{font-weight:600;color:#2287f8!important}main footer{padding:20px 0 30px}.center .ring{width:110px;height:120px}.center span{font-size:12px}}@media only screen and (min-width: 1054px) and (max-width: 1245px){.container{width:100%;padding:0 25px}.menu{position:fixed;box-shadow:unset!important}.menu nav{display:block}.menu nav .hamlogo{display:flex;justify-content:space-between}.menu nav .hamburger{flex-direction:column;z-index:9999}.menu nav .hamburger .ham{display:flex;width:100%;justify-content:space-around;margin-top:20px}.menu nav .hamburger .menu-lista{display:flex;align-items:center;flex-direction:column;width:100%;height:100vh}.menu nav .hamburger .menu-lista ul{display:flex;flex-direction:column;gap:40px;margin-top:10px;height:300px}.menu nav .hamburger .menu-lista ul li{display:block;padding:0 15px}.menu nav .hamburger .menu-lista ul li a{font-size:1.2rem}.menu nav .none{display:none}.menu nav .hamb{display:block}.menu nav .hamb span{height:2.5px;width:22px;background-color:#ccd6f6;display:block;margin:5px 0;border-radius:30px;transform:translateY(0) rotate(0);transition:all .5s ease}.menu nav .hamb.men .bar1{transform:translateY(4px) rotate(-45deg)}.menu nav .hamb.men .bar2{transform:translateY(-4px) rotate(45deg)}.menu nav .logo{font-size:1.07rem}.menu nav p{margin-top:0;font-size:16px}main .home .pessoal{height:calc(100vh - 70px)}main .home .pessoal h1{font-size:3.9rem;text-shadow:0 0 3px rgba(0,0,0,.114)!important}main .home .pessoal h2{font-size:1.2rem}main .home .pessoal h2 span:after{height:6px;width:6px}main .home .pessoal div a:after{height:25px;width:25px;font-size:18px}main .home .pessoal .hi{height:200px;width:200px}main .home .pessoal .frames{display:none}main .home .pessoal .button a{font-size:.94rem}main .home .pessoal .button a:after{height:25px;width:25px;border-radius:8px}main .home .git{display:none}main .home .social-media ul li a svg{width:20px}main .separador h1{font-size:1.3rem}main .separador h1 small{font-size:1rem}main .separador:after{content:"";height:.5px;width:100px;background-color:#2287f8;margin-left:20px}main .separador.sb:before,main .separador.sk:before{content:"Sobre Mim";text-transform:uppercase;font-size:70px;color:#2287f8;font-family:Rubik;position:absolute;top:-40px;opacity:.4;left:50%;transform:translate(-50%);z-index:-1}main .separador.sk:before{content:"Habilidades"}main .projectos{display:grid;align-items:center;justify-content:space-between;margin-top:60px}main .projectos .image{width:100%;height:350px;border-radius:1rem;box-shadow:0 2px 3px #0003}main .projectos .image img{object-fit:cover;width:100%;height:100%;border-radius:1rem}main .projectos .texto{position:relative}main .projectos .texto .descricao{padding:15px;position:absolute;width:580px;right:-151px;top:50%;transform:translateY(-50%);background-color:#15243df7;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgba(255,255,255,.16);border-top:0px}main .projectos .texto .descricao h1{font-size:24px;font-weight:500;font-weight:700;color:#ccd6f6}main .projectos .texto .descricao .tools{margin:5px 0 8px}main .projectos .texto .descricao .tools span{display:inline-flex;vertical-align:top;-webkit-box-align:center;align-items:center;max-width:100%;font-weight:500;line-height:1.2;outline:transparent solid 2px;outline-offset:2px;min-height:1.45rem;min-width:1.25rem;font-size:.75rem;padding:0 5px;border-radius:.375rem;margin-left:6px}main .projectos .texto .descricao .tools span:nth-child(1){margin-left:0}main .projectos .texto .descricao .tools span span{overflow:hidden;margin-left:0;white-space:nowrap;font-weight:600}main .projectos .texto .descricao .tools span i{font-size:12px}main .projectos .texto .descricao p{font-family:Open Sans;font-size:16px;color:#f8f8fa!important}main .projectos .texto .descricao p a{text-decoration-color:#2287f8;font-size:15px;line-height:0}main .projectos .texto .descricao ul{margin-top:15px;display:flex;align-items:center;gap:10px}main .projectos .texto .descricao ul li a svg{width:20px;stroke:#ccd6f6}main .projectos .texto .descricao ul li a svg:hover{stroke:#2287f8}main .projectos.grid-f-2 .texto .descricao{left:-151px!important}main .projectos:first-of-type{margin-top:0!important}}
