@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);:root{--maincolor:#fff;font-family:Inter,sans-serif}@keyframes down{0%{transform:translate(0)}20%{transform:translateY(15px)}40%{transform:translate(0)}}@keyframes smoothTitleBg{0%{background-position:50% 50%,50% 50%}to{background-position:350% 50%,350% 50%}}@keyframes smoothMainBg{0%{background-size:100%}50%{background-size:150%}to{background-size:100%}}body{align-items:center;background:#fff;background:var(--maincolor);display:flex;justify-content:center;margin:0;min-height:100vh;overflow-x:hidden;place-items:flex-start center;width:100%}a{color:inherit;text-decoration:inherit}.ExBox{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);border:1px solid #0000;border-radius:.9vmin;box-shadow:0 0 0 #0000001a;color:#64748b;display:flex;flex-direction:column;gap:1vh;max-width:30vw;padding:1vmax;transition-duration:.2s}.ExBox pre{color:#94a3b8;font-size:.8em;font-weight:700;margin:0}.ExBox>div{display:flex;flex-direction:column;gap:1vh}.ExBox>div div h3{color:#64748b;margin:0;transition-duration:.2s}.ExBox>div div h5{color:#64748b;font-weight:700;margin:0}.ExBox>div section{color:#94a3b8}.ExBox>div article{display:flex;flex-wrap:wrap;gap:.5vmax}.ExBox>div article div{background-color:#5eead433;border-radius:200vw;color:#60a5fa;font-size:.8em;font-weight:700;padding:.6vmin .5vmax}.ExBox:hover{-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border:1px solid #97979733;box-shadow:0 4px 30px #0000001a}.ExBox:hover>div div h3{color:#60a5fa}.App{align-items:center;display:flex;flex-direction:column;width:100%}.Title{height:100vh;width:100%}.Title>.TitleContent{align-items:center;display:flex;filter:invert(1);height:100%;justify-content:center;min-height:100vh;min-width:100vw;mix-blend-mode:difference;text-align:center;width:100%}.Title>.TitleContent>h1{font-size:calc(1rem + 5vw);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,#60a5fa 10%,#e879f9 15%,#60a5fa 20%,#5eead4 25%,#60a5fa 30%);background-position:50% 50%,50% 50%;background-size:300%,200%;display:flex;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%);min-height:100vh;min-width:100vw;place-content:center;place-items:center;width:100%}.Title>.Stripes,.Title>.Stripes:after{background-image:var(--stripes),var(--rainbow);position:absolute}.Title>.Stripes:after{animation:smoothTitleBg 60s linear infinite;background-attachment:fixed;background-size:200%,100%;content:"";inset:0;mix-blend-mode:difference}.ScrollDown{animation:down 1.5s infinite;cursor:pointer;height:3vmax;margin-top:-15vh;padding:5vmin 5vmax 2vmin;width:3vmax}.ScrollDown>div{border:.15vmax solid #000;border-radius:50%;height:3vmax;position:absolute;width:3vmax}.ScrollDown>div:before{border-bottom:.15vmax solid #000;border-right:.15vmax solid #000;content:"";height:1vmax;left:.9vmax;position:absolute;top:.77vmax;transform:rotate(45deg);width:1vmax}.Experiences{align-items:center;display:flex;flex-direction:column;gap:3vh;justify-content:center}.MainBox{animation:smoothMainBg 5s ease-in-out infinite;background:radial-gradient(circle at 80% 30%,#e879f966,#0000 10%,#0000),radial-gradient(circle at 30% 60%,#5eead466,#0000 10%,#0000),radial-gradient(circle at 70% 80%,#60a5fa66,#0000 10%,#0000);background-position:50%;display:flex;justify-content:space-between;margin-top:10vh;padding:15vw;width:70vw}.MainBox2{background:radial-gradient(circle at 30% 20%,#e879f966,#0000 10%,#0000),radial-gradient(circle at 70% 60%,#60a5fa66,#0000 10%,#0000),radial-gradient(circle at 40% 80%,#5eead466,#0000 10%,#0000);background-position:50%;margin-top:0}.WhoAmI{height:-webkit-max-content;height:max-content;position:-webkit-sticky;position:sticky;top:35%;width:40%}.WhoAmI h1{color:#64748b;text-align:center}.WhoAmI p{color:#94a3b8}.Footer{align-items:center;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#0000;background:radial-gradient(circle at 40% 60%,#e879f966,#0000 5%,#0000),radial-gradient(circle at 80% 40%,#5eead466,#0000 3%,#0000);background-position:50%;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}
/*# sourceMappingURL=main.fa41ca99.css.map*/