@import"https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap";@import"https://fonts.googleapis.com/css2?family=Archivo:wght@100;200;300;400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;min-height:100vh;font-family:Archivo,sans-serif;background-color:#deb3c3;padding:0}body{background:#fff;color:#111;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4;-webkit-text-size-adjust:100%}h1,h2,h3{font-family:Archivo Black,sans-serif;color:#111}:root{--page-max-width: 1200px;--gutter: 16px}#title{color:#000;font-weight:bolder;font-size:40px;padding:0;margin:0;text-decoration:underline;cursor:pointer;display:inline-block;transition:transform .2s ease,color .2s ease;transform-origin:center}#title:hover{transform:scale(1.05)}#copy{color:#000;font-weight:bolder;padding:0;font-size:30px}#short-copy{color:#000;font-weight:bolder;padding:0;font-size:20px;width:80%}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-x:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;padding-top:80px}.app>*{width:100%}.fullscreen{min-height:100vh;width:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;display:flex;align-items:center;justify-content:center}.timeline-wrapper{position:relative}.timeline-line{position:absolute;left:280px;top:-201px;bottom:0;width:10px;background:#433285;z-index:20}.deco-container{width:100vw;display:flex;justify-content:flex-end}.deco-img{width:300px;height:300px;transform:rotate(90deg)}@media(max-width:1024px){.timeline-line{display:none!important}.deco-img{display:none}}.home-container{width:100%;height:auto;padding:0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:50px;margin-top:150px;margin-bottom:150px}.introduction{display:flex;flex-direction:row;justify-content:flex-start;width:80%;gap:30px;margin-left:130px}.introduction img{width:300px;height:300px;border-radius:50%;position:relative;z-index:30;cursor:pointer;transition:transform .4s ease 1.8s}.introduction-text{color:#111;max-width:100%;display:flex;flex-direction:column;justify-content:center;gap:5px}.introduction-text:hover{transform:scale(1.1);transition:transform .2s ease,color .2s ease;cursor:pointer}.introduction-text h1{font-size:50px;padding:0;margin:0}.introduction-text h2,h3,p{margin:0;padding:0}.introduction-text p{font-size:x-large;text-decoration:underline;cursor:pointer;transition:transform .2s ease,color .2s ease}.introduction-text p:hover{transform:scale(1.1)}.introduction img{opacity:0;animation:fadeIn 1s ease-out .2s forwards}@keyframes fadeIn{to{opacity:1}}.introduction-text h1,.introduction-text h2,.introduction-text h3,.introduction-text p{opacity:0;transform:translate(-60px);animation:slideInFade 1s ease-out forwards}.introduction-text h1{animation-delay:.8s}.introduction-text h2{animation-delay:1.1s}.introduction-text h3{animation-delay:1.4s}.introduction-text p{animation-delay:1.7s}@keyframes slideInFade{to{opacity:1;transform:translate(0)}}@media(max-width:1024px){.home-container{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:40px!important;margin:60px 0!important;text-align:center}.introduction{flex-direction:column;align-items:center;justify-content:center;width:100%!important;max-width:500px;margin-left:0!important;gap:30px}.introduction img{width:230px!important;height:230px!important;border-radius:28px!important}.introduction-text{align-items:center}.introduction-text p{margin-top:16px}#deco-img{display:none!important}}@media(min-width:768px)and (max-width:1024px){.introduction img{width:320px!important;height:320px!important}}.navbar{width:100%;height:80px;padding:0;background-color:#deb3c3;display:flex;align-items:center;justify-content:right;position:fixed;top:0;left:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #43328526;transition:all .3s ease}.navbar.scrolled{background-color:#deb3c3cc;height:70px}.buttons{display:flex}.buttons button{font-size:26px;font-weight:700;margin:0 30px;text-decoration:none;color:#433285;background-color:#deb3c3cc;border:none;cursor:pointer;transition:transform .2s ease,color .2s ease}.buttons button:hover{transform:scale(1.2);color:#6d56b0}.hamburger{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:8px}.hamburger-line{width:30px;height:4px;background:#433285;border-radius:2px;transition:all .3s ease}.mobile-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#deb3c3;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(-100%);transition:transform .4s ease;z-index:999}.mobile-menu.open{transform:translateY(0)}.close-btn{position:absolute;top:30px;right:30px;font-size:40px;background:none;border:none;color:#433285;cursor:pointer}.mobile-links{display:flex;flex-direction:column;gap:40px;text-align:center}.mobile-links button{font-size:36px;font-weight:700;color:#433285;background:none;border:none;cursor:pointer}@media(max-width:1024px){.buttons{display:none}.hamburger{display:flex}}.project-container{width:70%;height:auto;padding:0 0 80px;margin:0 300px;display:flex;flex-direction:column;gap:30px}.underline-wrapper{height:40px;position:relative;margin-left:-10px;padding-left:0}.underline{position:absolute;left:0;top:50%;width:1000px;height:8px;background:#433285;transform:translateY(-50%)}.project-container a{text-decoration:none;color:inherit}.project-content{display:flex;flex-direction:column;color:#000;width:80%}.project-list{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.project-list h2{font-size:xx-large}.project-link-container{display:flex;align-items:center;width:100%;margin-left:-20px}.arrow-line-link{flex-grow:1;height:10px;background:#433285;position:relative}.arrow-line-link:after{content:"";position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:30px solid #433285}.project-links{display:flex;gap:24px;flex-shrink:0;margin-left:40px}.link-icon{width:80px;height:80px;transition:transform .3s ease}.project-link:hover .link-icon{transform:scale(1.15)}.tags-container{display:flex;gap:10px}.tag{background-color:#6d56b0;color:#deb3c3;padding:10px;border-radius:40px;font-weight:600;width:120px;height:30px;display:flex;flex-direction:row;justify-content:center;align-items:center}#finish-text{font-size:30px;font-weight:700;margin-top:10px;width:70%}.github-link-container{display:flex;flex-direction:row;align-items:center;gap:20px}.arrow-line{flex-grow:.5;height:10px;background:#433285;position:relative;margin-left:-10px}.github-icon{width:100px;height:100px}#see-more{color:#000;font-weight:bolder;font-size:40px;padding:0;margin:0;text-decoration:underline}@media(max-width:1024px){.project-container{width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}#title{font-size:2rem}.project-content{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;gap:30px;scrollbar-width:none}.project-content::-webkit-scrollbar{display:none}.project-header{text-align:center;padding:0 20px}.underline-wrapper{margin-left:0;padding-left:0}.underline{width:100%!important;margin:0 auto}.desktop-only{display:none}.mobile-only-wrapper{width:100%;display:flex;justify-content:center;margin-top:10px}.mobile-only{display:block;font-weight:600}.tags-container{display:flex;flex-wrap:wrap;gap:10px}.tag{padding:10px;border-radius:40px;font-weight:600;font-size:smaller;width:120px;height:30px;display:flex;justify-content:center;align-items:center;flex:0 0 calc(50% - 10px)}.project-list{min-width:calc(100vw - 60px)!important;max-width:calc(100vw - 60px)!important;flex-shrink:0;scroll-snap-align:center;scroll-snap-stop:always;padding:40px 32px;margin:0 30px}.project-list h2{font-size:28px;text-align:center;margin-bottom:16px}.project-list p{font-size:17px;line-height:1.7}.project-link-container{justify-content:center}.link-icon{width:70px;height:70px}}.work-container{width:80%;height:auto;padding:0 0 80px;margin:0 300px;display:flex;flex-direction:column;gap:30px}.underline{position:absolute;left:0;top:50%;width:900px;height:8px;background:#433285;transform:translateY(-50%)}.work-content{display:flex;flex-direction:column;color:#000;width:80%}.work-list{display:flex;flex-direction:column;gap:50px}.work-titles{display:flex;flex-direction:column;gap:5px}.work-list h2{font-size:xx-large}.work-list ul{display:flex;flex-direction:column;gap:10px;margin-left:20px;padding:10px 0}#see-more{padding:0;margin:0}@media(max-width:1024px){.work-container{width:100%;margin:0;padding:60px 0;display:flex;flex-direction:column;align-items:center}#title{font-size:2rem;text-align:center}.underline-wrapper{margin-left:0;padding-left:0}.underline{width:100%!important;margin:0 auto}.desktop-only{display:none}.work-list{display:flex!important;flex-direction:row!important;width:100%;gap:30px;margin:0;padding:0}.work-content{display:flex!important;flex-direction:row!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:40px 0 100px;gap:30px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.work-content::-webkit-scrollbar{display:none}.work-card{min-width:calc(100vw - 60px);max-width:calc(100vw - 60px);flex-shrink:0;scroll-snap-align:center;scroll-snap-stop:always;background:none;padding:40px 32px;margin:0 30px;border-radius:none;border:none}.work-card h2{font-size:1.5rem;margin:0 0 12px;color:#433285;text-align:center}.work-card h4{font-size:18px;margin:8px 0;color:#000;text-align:center}.work-card ul{margin:20px 0 0 20px;font-size:14px;line-height:1.7;color:#000}.work-card li{margin-bottom:12px}.mobile-only{display:block;text-align:center}}.contact-container{width:80%;height:auto;padding:0;margin:0 300px;display:flex;flex-direction:column;gap:30px}.underline-wrapper{height:40px;position:relative}.underline{position:absolute;left:0;top:50%;width:600px;height:8px;background:#433285;transform:translateY(-50%)}.contact-content{display:flex;flex-direction:column;color:#000;width:80%}.contact-links-container{display:flex;flex-direction:row;align-items:center;gap:25px;margin:20px 0}.arrow-container{display:flex;flex-direction:column;gap:5px}.arrow-container p{margin:0;font-size:22px;font-weight:900}.arrow-line{width:300px;height:10px;background:#433285;position:relative;margin-left:-10px}.arrow-line:after{content:"";position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:20px solid #433285}#icons{width:100px;height:100px}#thanks{width:500px;font-weight:bolder;font-size:50px}.mobile-only{display:none}@media(max-width:1024px){.contact-container{width:100%;margin:0;display:flex;flex-direction:column;align-items:center}.test{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-bottom:100px}#title{font-size:2rem;text-align:center}.underline-wrapper{width:100%;max-width:100%;overflow:visible}.underline{width:80%!important;max-width:100%;position:relative;left:0;right:0}.desktop-only{display:none}.contact-links-container{display:flex;flex-direction:row;align-items:center;justify-content:center;width:50%;gap:20px;margin-top:30px}.contact-content{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}#icons{width:100px;height:100px}.mobile-only{display:block;font-size:18px;text-align:center}}