*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit;color:#fff}a:hover{color:#40e0d0;cursor:pointer}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:#000}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#40e0d0;color:#40e0d0}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.great{height:100%;width:100%;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;opacity:0;transform:translateY(40px);animation:fadeUp 1.2s ease forwards}.typing-demo{--chars: 32;width:calc(var(--chars) * 1ch);white-space:nowrap;overflow:hidden;font-family:monospace;border-right:.15em solid rgba(0,217,255,.458);animation:typingLoop 8s steps(var(--chars)) infinite,blink-caret .75s step-end infinite}.mepic{height:60px;width:60px;border-radius:50%}@keyframes typingLoop{0%{width:0}40%{width:calc(var(--chars) * 1ch)}60%{width:calc(var(--chars) * 1ch)}to{width:0}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#00d9ff75}}.top-page{height:20%;width:100%;display:flex;justify-content:center;align-items:center}.intro{height:80%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:0}.intro-desc{height:fit-content;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.location-container{font-family:Syne,sans-serif;width:220px;font-size:clamp(1.4rem,1.6rem,1.3rem);margin:0;padding:0;color:#16d0be}.intro-text-container{display:flex;flex-direction:column;align-items:center;text-align:center}.text-name{font-size:clamp(.8em,1.2rem,1.7rem);margin:0;color:#adaaaa;font-weight:200}.text-profession{font-size:clamp(.5rem,.8rem,1.2rem);font-weight:200}nav{width:100%;flex:1;display:flex;justify-content:space-between;align-items:center;padding-top:20px}ul{margin:0;padding:0;display:flex;justify-content:center;align-items:center;gap:10px}.name-gre{font-size:clamp(.6rem,.6rem,1rem)}li{text-align:center;color:#fff;margin:0;padding:0;list-style:none;font-size:clamp(.4rem,.5rem,1rem)}.Scrol-down{color:#16d0be;animation:pulseScale 1.8s ease-in-out infinite}@keyframes pulseScale{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}.soft-sec{color:#16d0be}@media(min-width:350px){.intro-desc{height:50%;padding:10px}.top-page{flex-direction:column;height:10%}.mepic{height:100px;width:100px}nav{flex-direction:column;align-items:center;justify-content:center}.intro{height:88%;align-items:center;justify-content:center}.location-container{font-size:1.5rem;margin:0 0 10px}.intro-text-container{text-align:center;align-items:center;margin:0}.text-name{font-size:1rem;margin:8px}.text-profession{line-height:25px;font-size:.9rem;margin:0}.name-gre{font-size:1rem;margin:15px}li{font-size:.6rem}}@media(min-width:550px){.top-page{flex-direction:row;justify-content:space-around;padding:5px}.mepic{height:140px;width:140px}.typing-demo{--chars: 50}.name-gre{font-size:1.1rem}li{font-size:.8rem}.intro{height:90%;align-items:center;justify-content:center}.intro-text-container{text-align:center;align-items:center}ul{gap:20px}.location-container{font-size:2rem}.text-name{font-size:1.7rem;margin:10px}.text-profession{max-width:590px;font-size:1.4rem;line-height:28px;margin:10px}}@media(min-width:900px){.intro-desc{height:70%}.typing-demo{--chars: 55}.location-container{font-size:2.5rem}.mepic{height:150px;width:150px}.text-name{font-size:2rem}.text-profession{max-width:750px;font-size:1.2rem}}.description-container{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;padding:0 10px;opacity:0;transform:translateY(40px);animation:fadeUp 1.2s ease forwards}.textdes{font-size:clamp(.5rem,.8rem,2rem);line-height:20px;font-weight:300}.timeline{width:100%;position:relative;padding-left:20px;max-width:800px}.timeline:before{content:"";position:absolute;left:10px;top:0;width:2px;height:100%;background:linear-gradient(to bottom,#16d0be,#1f2937)}.b-grp{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.grp{width:100%;display:flex;justify-content:space-around;margin:8px 0}.timeline-item{position:relative;margin-bottom:40px}.timeline-dot{position:absolute;left:-15px;top:20px;width:14px;height:14px;background:#16d0be;border-radius:50%;box-shadow:0 0 10px #024c4d99}.timeline-content-tech{padding:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff13;border-radius:12px;border:.5px solid rgba(0,255,255,.2);box-shadow:0 0 5px #00ffff26}.timeline-content{padding:20px;transition:.3s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff13;border-radius:12px;border:.5px solid rgba(0,255,255,.2);box-shadow:0 0 5px #00ffff26}.timeline-content:hover{transform:translateY(-5px);border-color:#09c2e74d}.timeline-content-tech h3,.timeline-content h3{margin:0;font-size:18px;color:#f9fafb;text-align:center}.state{font-size:.8rem;border:2px solid rgb(0,255,0);background:#004900;border-radius:20px;padding:4px}.tech-img{animation:float 6s ease-in-out infinite;transform:translateY(40px)}.state-inprocess{font-size:.8rem;border:2px solid rgb(229,255,0);background:#3a4900;border-radius:20px;padding:4px}.meta{display:block;font-size:14px;color:#9ca3af;margin-top:5px}.date{display:block;font-size:13px;color:#6b7280;margin-bottom:10px}.timeline-content ul{padding-left:18px;margin:0}.timeline-content li{margin-bottom:6px;font-size:14px;color:#d1d5db;text-align:start}.timeline-dot{animation:pulse 2s infinite}.more{font-size:14px;color:#00ffea89;margin:auto}@keyframes pulse{0%{box-shadow:0 0 #0942c8b3}70%{box-shadow:0 0 0 10px #facc1500}to{box-shadow:0 0 #facc1500}}@media(min-width:400px){.tech-img{height:60px;width:60px;animation:float 6s ease-in-out infinite;transform:translateY(40px)}}@media(min-width:540px){.tech-img{height:80px;width:80px}}@media(min-width:600px){.timeline-content-tech{width:500px;height:fit-content}.text-description{padding:20px}}@media(min-width:900px){.timeline-content-tech{width:800px;height:fit-content}.whoami{font-size:3rem}.textdes{font-size:1.5rem;max-width:700px;line-height:30px}}@media(min-width:1100px){.timeline-content-tech{width:900px;height:fit-content}.textdes{font-size:2rem}}.res-skills-container{width:100%;height:100%;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:space-around}.resume-container{width:100%;animation:slideInLeft linear forwards;animation:float 6s ease-in-out infinite;transform:translateY(40px)}.skills-container .textdes{text-align:right}.skills-container{width:100%;display:flex;flex-direction:column;align-items:flex-end;animation:slideInRight linear forwards;animation:float 6s ease-in-out infinite;transform:translateY(40px)}@keyframes slideInLeft{0%{transform:translate(-100vw);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100vw);opacity:0}to{transform:translate(0);opacity:1}}.whoami{color:#16d0be;font-weight:200;font-size:clamp(.5rem,1.3rem,2rem);margin:10px}.textdes{font-size:clamp(.5rem,.8rem,1.5rem);line-height:20px;font-weight:300}@media(min-width:350px){.text-description{width:100%;height:100%}.whoami{font-size:2rem}.textdes{width:100%;font-size:1rem;max-width:570px;line-height:25px;letter-spacing:-.03em}}@media(min-width:600px){.text-description{padding:20px}}@media(min-width:900px){.res-skills-container{padding:20px}.whoami{font-size:2rem}.textdes{font-size:1.3rem;max-width:700px;line-height:30px}}.hole-act{height:100%;width:100%;margin:0;padding:20px}.All-Act{height:100%;width:100%;display:flex;flex-direction:column;align-items:flex-start}.act-container{height:95%;width:100%;display:flex}.card-container{display:flex;flex-wrap:wrap;justify-content:center;gap:25px;padding:20px}.activity-title{color:#16d0be;text-align:center;margin:20px;font-weight:200;font-size:2rem;border-bottom:2px solid}@media(min-width:600px){.All-Act{align-items:center}}@media(min-width:1024px){.card-container{height:100%;width:100%}}.cards-struct{width:290px;height:450px;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:300px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff13;border-radius:12px;border:.5px solid rgba(0,255,255,.2);box-shadow:0 0 5px #00ffff26;animation:float 6s ease-in-out infinite;transform:translateY(40px)}.logo-cards{height:250px;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.cards-description{font-size:1rem;line-height:25px;font-weight:200;padding:5px}.cards-title{color:#16d0be;margin:0;font-size:1rem}.desc-cards{width:100%}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hole-social-container{height:100%;width:100%;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-around}.social-container{width:100%;height:80%;display:flex;flex-direction:column;justify-content:space-around;padding:10px;margin:0}.social-icon{height:fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;background-color:#fff;padding:5px;border-radius:50px}.social-icon-container{display:flex;justify-content:center;align-items:center}.social-text{height:200px;width:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:float 6s ease-in-out infinite;transform:translateY(40px);animation:fadeUp 1.2s ease forwards}.social-text-container{width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center}.social-title{width:100%;font-size:1rem;margin:0;padding:0;text-align:center;color:#16d0be}.social-description{width:100%;font-size:.9rem;font-weight:300;text-align:center;margin:0;padding:0}.Thanks{height:20%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.thanks-title{color:#16d0be;margin:0;font-size:1rem}footer{text-align:center}footer p{margin:5px 0;font-size:.8rem}.blue{color:#16d0be}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media(min-width:350px){.social-text-container{height:150px;justify-content:flex-start;line-height:25px}.social-text{width:100%;height:fit-content;align-items:center;padding:5px;margin:10px 0 0}.social-title{font-weight:300;width:fit-content;font-size:clamp(.5rem,1.3rem,2rem);margin:10px;font-size:2rem;text-align:center;border-bottom:2px solid}.social-description{text-align:center;line-height:20px}.social-icon-container{height:150px}.Thanks{height:100px}}@media(min-width:600px){.description-container{align-items:center}.text-description{max-width:800px}.social-text{align-items:center}.social-description{text-align:center;max-width:570px;font-size:1.1rem}}html{scroll-behavior:smooth;overflow-anchor:none}#home{height:100vh}section{height:fit-content;width:100%;overflow-x:hidden;display:flex}p{font-weight:400;letter-spacing:.02em}main{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}#root{height:100%;width:100%;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{padding:2em}.read-the-docs{color:#888}