@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);:root{--maincolor:#fff;--text:#475569;--text-light:#94a3b8;--blue:#60a5fa;--cyan:#5eead4;--pink:#e879f9;background:#fff;background:var(--maincolor);color:#475569;color:var(--text);font-family:Inter,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#fff;background:var(--maincolor);margin:0;min-height:100vh;overflow-x:hidden;width:100%}a{color:inherit;text-decoration:inherit}@keyframes down{0%,40%,to{transform:translateY(0)}20%{transform:translateY(12px)}}@keyframes smoothTitleBg{0%{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}@keyframes smoothMainBg{0%,to{background-size:100% 100%}50%{background-size:120% 120%}}.App{align-items:center;display:flex;flex-direction:column;width:100%}.Title{height:100vh;overflow:hidden}.Title,.Title>.TitleContent{position:relative;width:100%}.Title>.TitleContent{align-items:center;display:flex;filter:invert(1);height:100%;justify-content:center;mix-blend-mode:difference;text-align:center;z-index:2}.Title>.TitleContent>h1{font-size:calc(1rem + 5vw);font-weight:800;letter-spacing:-.04em;position:relative}.Title>.Stripes{--stripes:repeating-linear-gradient(100deg,var(--maincolor) 0%,var(--maincolor) 7%,#0000 10%,#0000 12%,var(--maincolor) 16%);--rainbow:repeating-linear-gradient(100deg,var(--blue) 10%,var(--pink) 15%,var(--blue) 20%,var(--cyan) 25%,var(--blue) 30%);background-position:50% 50%,50% 50%;background-size:300%,200%;filter:blur(10px) invert(100%);height:100%;-webkit-mask-image:radial-gradient(ellipse at 100% -50%,#fff 50%,#0000 70%);mask-image:radial-gradient(ellipse at 100% -50%,#fff 50%,#0000 70%);width:100%}.Title>.Stripes,.Title>.Stripes:after{background-image:var(--stripes),var(--rainbow);inset:0;position:absolute}.Title>.Stripes:after{animation:smoothTitleBg 60s linear infinite;background-position:50% 50%;background-size:200%,100%;content:"";mix-blend-mode:difference}.ScrollDown{animation:down 1.5s infinite;cursor:pointer;height:3vmax;margin-top:calc(-15vh + 5vmin);position:relative;width:3vmax;z-index:100}.ScrollDown>div{align-items:center;border:.15vmax solid #000;border-radius:50%;box-sizing:border-box;display:flex;height:100%;justify-content:center;width:100%}.ScrollDown>div:before{border-bottom:.15vmax solid #000;border-right:.15vmax solid #000;content:"";height:1vmax;transform:translateY(-.2vmax) rotate(45deg);width:1vmax}.MainBox{align-items:flex-start;animation:smoothMainBg 8s ease-in-out infinite;background:radial-gradient(circle at 80% 30%,#e879f959,#0000 12%),radial-gradient(circle at 30% 60%,#5eead459,#0000 12%),radial-gradient(circle at 70% 80%,#60a5fa59,#0000 12%);background-position:50%;display:flex;justify-content:space-between;max-width:1400px;min-height:80vh;padding:12rem 8vw;position:relative;width:100%}.MainBox2{background:radial-gradient(circle at 30% 20%,#e879f959,#0000 12%),radial-gradient(circle at 70% 60%,#60a5fa59,#0000 12%),radial-gradient(circle at 40% 80%,#5eead459,#0000 12%);background-position:50%;margin-top:0}.Experiences{align-items:stretch;gap:1.5rem;justify-content:center;width:48%}.ExBox,.Experiences{display:flex;flex-direction:column}.ExBox{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#ffffff1f;border:1px solid #4755690f;border-radius:1rem;box-shadow:0 0 0 #0000;color:#475569;color:var(--text);gap:.8rem;max-width:100%;padding:1.5rem;position:relative;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background-color .25s ease}.ExBox pre{color:#94a3b8;color:var(--text-light);font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.03em;margin:0}.ExBox>div{display:flex;flex-direction:column;gap:.75rem}.ExBox>div div h3{color:#475569;color:var(--text);font-size:1.1rem;line-height:1.3;margin:0;transition:color .2s ease}.ExBox>div div h5{font-size:.8rem;font-weight:700;letter-spacing:.02em;margin:0}.ExBox>div div h5,.ExBox>div section{color:#94a3b8;color:var(--text-light)}.ExBox>div section{font-size:.9rem;line-height:1.65}.ExBox>div article{display:flex;flex-wrap:wrap;gap:.4rem}.ExBox>div article div{background-color:#60a5fa1a;border:1px solid #60a5fa14;border-radius:999px;color:#3b82f6;font-size:.7rem;font-weight:700;padding:.35rem .65rem}.ExBox:hover{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff59;border-color:#60a5fa40;box-shadow:0 10px 35px #00000014;transform:translateY(-3px)}.ExBox:hover>div div h3{color:#3b82f6}.WhoAmI{height:max-content;padding-right:4rem;position:sticky;top:30%;width:40%}.WhoAmI h1{color:#475569;color:var(--text);font-size:clamp(2rem,3vw,3rem);letter-spacing:-.04em;margin-bottom:1.5rem;margin-top:0;text-align:center}.WhoAmI p{color:#94a3b8;color:var(--text-light);font-size:.95rem;line-height:1.8;margin:0}.Footer{align-items:center;color:#64748b;display:flex;height:10vh;justify-content:space-between;padding:0 10%;width:80%}.Footer>div{display:flex;flex-direction:column}.Footer>div>a{text-decoration:underline}@media(max-width:900px){.MainBox{flex-direction:column;gap:5rem;padding:8rem 7vw}.WhoAmI{padding-right:0;position:static}.Experiences,.WhoAmI{width:100%}}@media(max-width:600px){.Title{height:90vh}.Title>.TitleContent>h1{font-size:17vw}.ScrollDown{margin-top:-10vh;padding:4rem}.MainBox{gap:4rem;min-height:auto;padding:6rem 1.25rem}.WhoAmI h1{font-size:2rem}.WhoAmI p{font-size:.9rem;line-height:1.7}.ExBox{padding:1.25rem}.ExBox>div section{font-size:.85rem;line-height:1.6}.Footer{align-items:flex-start;flex-direction:column;gap:1.5rem;padding:2rem 1.25rem}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.b39f4e7c.css.map*/