.App{display:grid;align-items:center;justify-content:center;max-width:1600px;margin:0 auto;box-sizing:border-box}.App section{width:100vw;justify-content:center;box-sizing:border-box;height:max-content}._navbar_1y0va_1{display:flex;width:100%;justify-content:space-between;box-sizing:border-box;align-items:center;position:fixed;top:0;padding:0px 1rem;z-index:200}._logo_1y0va_25{display:block;position:absolute;top:0;max-width:3rem;z-index:100}._logoMobile_1y0va_41{opacity:0;max-width:5rem;z-index:50}@media (max-width: 800px){._navbar_1y0va_1{padding:1px .5rem;background-color:#fff;z-index:1000}._logo_1y0va_25{display:none}._logoMobile_1y0va_41{display:block;opacity:1;max-width:4rem}._logoMobile_1y0va_41 svg{max-height:3rem}}@media (max-width: 420px){._navbar_1y0va_1{padding:0 .6rem;background-color:#fff;z-index:1000}}._menubtn_qz5g0_1{display:block;width:clamp(3.8rem,10vw,4rem);height:clamp(2.8rem,10vw,3rem);background-color:transparent;border-radius:4px;padding:8px 10px}._menuico_qz5g0_19{display:flex;width:100%;height:4px;gap:4px;background-color:transparent;color:#000;position:relative;border-radius:20px}._menuico_qz5g0_19 span{display:block;width:50%;height:4px;border-radius:20px;background:currentColor}._menuico_qz5g0_19:after{content:"";display:block;position:absolute;height:4px;width:100%;top:10px;border-radius:20px;background:currentColor}._menuico_qz5g0_19:before{content:"";display:block;position:absolute;height:4px;width:100%;top:-10px;border-radius:20px;background:currentColor}._menubtn_qz5g0_1._active_qz5g0_101 ._menuico_qz5g0_19:before{width:60%}._menubtn_qz5g0_1._active_qz5g0_101 ._menuico_qz5g0_19{color:var(--secondary)}@media (min-width: 600px){._menubtn_qz5g0_1:hover ._menuico_qz5g0_19:before{width:60%}._menubtn_qz5g0_1:hover ._menuico_qz5g0_19{color:var(--secondary)}}._menuico_qz5g0_19:after,._menuico_qz5g0_19:before,._menuico_qz5g0_19 span{transition:.3s}._menuWrpp_qz5g0_145{position:relative;display:flex;align-items:center;flex-direction:column}._dropdown_qz5g0_159{display:none;flex-direction:column;background-color:#000;border:4px solid #000;position:absolute;border-radius:10px;color:#fff;right:0;top:60px;gap:.2rem;animation:.6s _openMenu_qz5g0_1}._dropdown_qz5g0_159._active_qz5g0_101{display:flex}._dropdown_qz5g0_159 a{padding:1rem;background-color:var(--text-1);font-family:var(--font1-1);font-size:var(--md);border-radius:4px;transition:background-color .6s,color 1s;text-align:center}._dropdown_qz5g0_159 a:hover{background-color:var(--text-3);color:var(--secondary)}@media (max-width: 600px){._menubtn_qz5g0_1{padding:4px 8px;width:clamp(3rem,10vw,3.2rem);height:clamp(1rem,10vw,2rem)}._dropdown_qz5g0_159{top:40px}}@keyframes _openMenu_qz5g0_1{0%{transform:translate3d(30px,0,0);opacity:0}to{transform:initial;opacity:1}}.introWrpp{padding:2rem 0;z-index:20;background-color:#fff}.introtitle{display:flex;align-items:center;flex-direction:column;margin:1rem 0 3rem}.introtitle .title{font-family:var(--font1-1);font-size:var(--xxl);color:var(--text-1);font-weight:400;opacity:0;animation:.8s slideIn 1s forwards}.introtitle .subtitle{font-size:var(--md);font-family:var(--font1-2);color:var(--text-4)}.introtitle .detail{display:inline-block}.introtitle .title .detail{color:var(--primary);transition:color .4s;text-shadow:0px 0px 6px var(---secondary);animation:2s blinkTitle 1s normal}.introtitle .title:hover .detail{color:var(--secondary)}.introtitle .subtitle{font-family:var(--font1-2);font-size:var(--x);font-weight:400;color:var(--text-2);opacity:0;animation:.8s slideIn 1.4s forwards}.introtitle .subtitle .detail{color:var(--text-1)}.intro{display:grid;grid-template-columns:minmax(300px,400px) minmax(180px,200px);align-items:end;justify-content:center;position:relative;margin-bottom:2rem}.introInfo{padding:1rem;position:relative}.introInfo:after{content:"";display:block;position:absolute;width:140%;height:100%;background-color:var(--text-5);border-radius:20px;bottom:0;left:0;opacity:0;z-index:-1;animation:.8s slideIn 2s forwards}.introText{font-family:var(--font1-2);font-size:var(--md);color:var(--text-3);margin-bottom:1rem;font-weight:400;opacity:0;transition:.2s;animation:.4s show 2.6s forwards}.introText:hover{color:var(--text-1)}.introText span{color:var(--primary);transition:color .2s}.introText span:hover{color:var(--secondary)}.infos{display:flex;gap:2rem;opacity:0;animation:.6s slideInL 2.2s forwards}.infoItem{font-size:var(--p);font-family:var(--font1-1);display:flex;align-items:center;letter-spacing:-1px;padding:.5rem;color:var(--primary);border:2px solid var(--primary);border-radius:10px;background-color:#fff;transition:.3s;cursor:pointer}.resume{background-color:var(--primary);color:#fff}.infoItem:hover{color:var(--secondary);border:2px solid var(--secondary);box-shadow:4px 4px 0 0 var(--text-1);transform:translate3d(-4px,-4px,0)}.resume:hover{color:#fff;border:2px solid var(--primary);background-color:var(--secondary)}.introImg{opacity:0;z-index:300;transition:.6s;animation:.6s slideInL 3s forwards}.introImg:hover{filter:contrast(1.2)}@media (max-width: 960px){.intro{display:flex;flex-direction:column-reverse;align-items:center}.introtitle{margin:3rem 0 .5rem}.introInfo{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:clamp(200px,40vw,25rem);padding:1rem 2rem}.infos{gap:1rem}.introInfo:after{width:100%}.introImg{max-width:160px}.introWrpp{padding:2rem 0 1rem}}@keyframes slideInL{0%{transform:translate3d(10rem,0,0)}20%{opacity:0}to{opacity:1;transform:translateZ(0)}}@keyframes blinkTitle{0%{color:var(--secondary);text-shadow:0px 0px 6px var(---secondary)}50%{color:var(--secondary);text-shadow:0px 0px 8px var(---secondary)}to{text-shadow:none;color:var(--primary)}}@keyframes grow{to{height:120%}}@keyframes show{0%{transform:translate3d(-20px,0,0)}to{transform:translateZ(0);opacity:1}}.stacks{display:flex;align-items:center;justify-content:center;position:relative;opacity:0;max-height:4rem;padding:10px;margin-top:clamp(4rem,6vw,6rem);transition:.3s}.stacks.active{opacity:1}.stackText{font-family:var(--font1-1);font-size:var(--p);display:flex;align-items:center;gap:20px;opacity:0;position:relative}.stacks.active .stackText{animation:.6s slideIn .6s forwards}.stackList{display:flex;align-items:center;gap:4px;margin-left:2rem;position:relative}.stackList:before{content:"";display:block;position:absolute;width:4px;height:0%;background-color:var(--text-1);border-radius:10px;margin-right:20px;left:-1rem}.stacks.active .stackList:before{animation:.6s grow .3s forwards}.stackList li{background:linear-gradient(45deg,#000,var(--text-1));border-radius:16px;border:4px solid var(--text-2);height:clamp(3rem,5vw,4rem);width:clamp(3rem,5vw,4rem);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;cursor:pointer;opacity:0}.stacks.active .stackList li{transition:background .4s;animation:.8s drop 1.2s forwards}.stackList li svg{max-width:100%;max-height:100%;filter:grayscale(100);transition:filter .4s}.stackList li:hover svg{filter:initial}.stackList li span{display:none;font-size:var(--pp);font-family:var(--font1-1);position:absolute;bottom:-32px;transition:.5s;padding:4px;border:2px solid var(--text-4);border-radius:4px;background-color:var(--text-5)}.stackList li:hover{background:linear-gradient(45deg,#000,var(--primary))}.stackList li:hover span{display:block;animation:.6s showInfo}.stackinfo{display:none}@media (max-width: 800px){.stacks{flex-direction:column;margin-top:clamp(1rem,6vw,2rem);gap:1rem}.stackList{margin-left:0}.stackList li{height:clamp(2.6rem,5vw,3rem);width:clamp(2.6rem,5vw,3rem);border-radius:8px;border:2px;animation:.8s dropReverse 1.2s forwards}.stackList li svg{filter:none}.stackList:before{display:none}.stackList:after{content:"";display:block;width:0;height:4px;background-color:var(--text-5);position:absolute;top:-10px;border-radius:10px}.stacks.active .stackList:after{animation:.8s growX forwards}.stackinfo{display:block}}@keyframes grow{to{height:100%}}@keyframes growX{to{width:100%}}@keyframes slideIn{0%{transform:translate3d(-20px,0,0);opacity:0}to{transform:initial;opacity:1}}@keyframes drop{0%{opacity:0;transform:translate3d(0,-30px,0)}25%{opacity:0}to{opacity:1;transform:initial}}@keyframes dropReverse{0%{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:initial}}@keyframes showInfo{0%{transform:translate3d(0,30px,0);opacity:0}to{opacity:1}}.projects{display:grid;justify-content:center;position:relative;background:#f1f1f1;padding:clamp(4rem,10vw,6rem) 0;justify-items:center}.projectsWrpp{opacity:0}.projects.active .projectsWrpp{animation:.8s slideIn 1s forwards}.projects .more{display:block;font-family:var(--font1-2);font-size:var(--p);color:var(--primary);font-weight:medium;text-decoration:none;opacity:0;transition:.2s}.projects.active .more{animation:.8s slideInL 2s forwards}.more:hover{color:var(--secondary);transform:scale(1.1)}.more:after{content:"";width:100%;display:block;height:2px;background-color:currentColor}._slide_1t5u1_1{width:60vw;padding:20px;display:grid;align-items:center;justify-content:center;margin:2rem 0}@media (max-width: 600px){._slide_1t5u1_1{margin:1rem 0;width:90vw}}._controllers_17gdm_1{display:flex;width:120%;align-items:center;position:absolute;justify-self:center;justify-content:space-between;box-sizing:border-box;font-size:var(--p);padding:1rem}._controllers_17gdm_1 ._controller_17gdm_1{width:60px;height:60px;background:black url(/assets/arrow-03f374e0.svg) no-repeat center center;background-size:1rem;color:#fff;border-radius:50%;border:2px solid black;transition:.2s}._controllers_17gdm_1 ._left_17gdm_47{transform:rotate(180deg)}._count_17gdm_55{font-family:var(--font1-1);display:none}._controllers_17gdm_1 ._controller_17gdm_1:hover{opacity:.8}@media (max-width: 900px){._count_17gdm_55{font-family:var(--font1-1);display:block}._controllers_17gdm_1{width:100%;position:relative;justify-self:center}}@media (max-width: 600px){._controllers_17gdm_1 ._controller_17gdm_1:hover{opacity:1}}._slideItem_1meqv_1{display:none;justify-items:center;align-items:start;background-color:#121212;color:#fff;border-radius:20px;overflow:hidden;width:100%}._slideItem_1meqv_1[data-state=active]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;animation:.5s _slideTop_1meqv_1 linear}._slideImg_1meqv_35{grid-column:1/-1}._slideInfo_1meqv_43{display:flex;flex-direction:column;align-items:center;font-family:var(--font1-1);padding:1rem 2rem;gap:20px;grid-column:1 / -1}._slideTitle_1meqv_63{font-size:var(--x);font-weight:500;white-space:nowrap}._slideText_1meqv_75{font-family:var(--font1-2);color:var(--text-5);font-weight:500;font-size:var(--md);text-align:center;min-height:6rem}._slideTags_1meqv_93{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}._slideTags_1meqv_93 li{background-color:var(--text-4);font-size:var(--p);padding:4px 8px;border-radius:5px}._slideLinks_1meqv_121{display:flex;align-items:center;justify-items:center;gap:20px}._slideLinks_1meqv_121 a{font-size:var(--md);background-color:var(--primary);border:2px solid var(--primary);border-radius:.5rem;padding:1rem 2rem;transition:.3s}._slideLinks_1meqv_121 a:hover{background-color:var(--secondary)}@media (min-width: 800px){._slideLinks_1meqv_121 a:hover{transform:translate3d(-8px,-8px,0);box-shadow:8px 8px #000}._slideInfo_1meqv_43{padding:1rem;gap:1.5rem}}._slideLinks_1meqv_121 ._deploy_1meqv_185{background-color:transparent}@media (max-width: 600px){._slideLinks_1meqv_121 a{font-size:var(--p)}._slideInfo_1meqv_43{grid-column:1 / -1}}@keyframes _slideTop_1meqv_1{0%{transform:translate3d(0,30px,0)}60%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.titleWrpp{display:flex;align-items:center;flex-direction:column}.titleWrpp .title{font-size:var(--xl);font-family:var(--font1-1);font-weight:400;color:#fff;opacity:0}.titleWrpp .dark{color:var(--text-1)}.titleWrpp .subtitle{font-size:var(--md);font-family:var(--font1-2);color:var(--text-4);opacity:0}.titleWrpp .subtitle.dark{color:var(--text-4)}.active .titleWrpp .title{animation:.8s slideIn .3s forwards}.active .titleWrpp .subtitle{animation:.8s slideIn .8s forwards}@media (max-width: 800px){.titleWrpp .titleWrpp{padding:0}}@keyframes slideIn{0%{transform:translate3d(-10rem,0,0)}20%{opacity:0}to{opacity:1;transform:translateZ(0)}}.contactsWrpp{background-color:var(--text-1);display:grid;justify-content:center;position:relative;padding:clamp(4rem,10vw,6rem) 0 clamp(1rem,10vw,2rem);justify-items:center}.contactList{display:grid;padding:4rem 0;opacity:0;justify-items:center;gap:20px}.contactsWrpp.active .contactList{animation:.8s slideInL 1s forwards}.contactList a{width:140%;height:clamp(4rem,10vw,5rem);border-radius:10px;display:flex;align-items:center;justify-content:center;transition:.3s}.contactList a:hover{transform:translate3d(-10px,-10px,0);box-shadow:10px 10px 2px #0009}.contactList a img{transition:.3s}.contactList a:hover img{transform:translate3d(-4px,-4px,0)}.gmail{background:#f09433;background:-moz-linear-gradient(45deg,#a4161a 0%,#ba181b 25%,#dc2743 50%,#e6683c 100%);background:-webkit-linear-gradient(45deg,#a4161a 0%,#ba181b 25%,#dc2743 50%,#e6683c 100%);background:linear-gradient(45deg,#a4161a 0%,#ba181b 25%,#dc2743 50%,#e6683c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a4161a",endColorstr="#e6683c",GradientType=1)}.linkedin{background:linear-gradient(45deg,#00a0dc,#0077b5)}.github{background:linear-gradient(45deg,#140c0c,#622096)}.footer{background-color:#000;padding:1rem;display:flex;align-items:center;justify-content:center}.footer p{color:#f1f1f1;font-family:var(--font1-1);font-size:var(--p)}.footer p a{color:var(--secondary);display:inline-block;text-decoration:none;position:relative;transition:.2s}.footer p a:hover{color:#ad57ff;transform:scale(1.02)}.footer p a:after{content:"";display:block;width:100%;height:1px;background:currentColor;position:absolute;left:0}._about_oa39l_1{display:grid;padding:4rem;opacity:1;background-color:#fff;align-items:center}._aboutText_oa39l_17{font-size:var(--md);font-family:var(--font1-1);color:var(--text-4);text-align:center;margin-top:2rem;max-width:40rem;position:relative;display:flex;align-items:center}._aboutText_oa39l_17:before{content:"";display:none;position:absolute;width:4px;border-radius:10px;left:-10px;background-color:var(--primary)}._aboutText_oa39l_17:before{opacity:0;height:0}._aboutText_oa39l_17{opacity:0}._about_oa39l_1[data-view=active] ._aboutText_oa39l_17{animation:.6s _slideIn_oa39l_1 .8s forwards}._about_oa39l_1[data-view=active] ._aboutText_oa39l_17:before{animation:.6s _grow_oa39l_1 1.2s forwards}@media (max-width: 600px){._aboutText_oa39l_17{text-align:start}._aboutText_oa39l_17:before{display:block}}@media (max-width: 400px){._aboutText_oa39l_17{font-size:var(--p)}}@keyframes _slideIn_oa39l_1{0%{transform:translate3d(-10rem,0,0)}20%{opacity:0}to{opacity:1;transform:translateZ(0)}}@keyframes _grow_oa39l_1{to{height:100%;opacity:1}}:root{--font1-1: "Share Tech Mono", monospace;--font1-2: "Share Tech", helvetica;--primary: #571990;--secondary: #9e3bfc;--text-1: #121212;--text-2: #4d4d4d;--text-3: #333333;--text-4: #5d5d5d;--text-5: #f1f1f1;--xxl: clamp(3rem, 5vw, 4rem);--xl: clamp(2.4rem, 5vw, 3rem);--x: clamp(1.8rem, 4vw, 2rem);--md: clamp(1.2rem, 3vw, 1.6rem);--p: clamp(1rem, 2vw, 1.2rem);--pp: clamp(.6rem, 2vw, .8rem)}*{margin:0;padding:0}body{overflow-x:hidden;min-width:320px;min-height:100vh;box-sizing:border-box;color:#121212;background-color:#121212;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}ul{list-style:none}button{outline:none;border:none;cursor:pointer;background:none}a{color:inherit;text-decoration:none}svg,img{max-width:100%}.logo .key{transition:.2s}.logo:hover .key,.logo:focus .key{fill:var(--secondary)}h1::selection,h2::selection,span::selection,p::selection,img::selection,a::selection,button::selection,li::selection{background-color:var(--secondary);color:#fff}