:root{font-family:Source Code Pro,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1a1813;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:inherit}html,body{margin:0;padding:0;width:100%;height:400vh}.redesign-banner{position:fixed;top:0;left:0;width:100%;background:#ffd400;color:#1a1813;text-align:center;font-weight:800;font-size:1.6rem;padding:1rem .5rem;z-index:9999;box-shadow:0 2px 6px #00000026}@media (min-width: 1024px){.redesign-banner{font-size:2.2rem;padding:1.25rem 0}}@media (max-width: 420px){.redesign-banner{font-size:1.2rem;padding:.75rem 0}}.redesign-banner{overflow:hidden}.marquee{display:block;width:100%;background:transparent}.marquee__inner{display:inline-flex;gap:1.25rem;align-items:center;white-space:nowrap;padding:.6rem 1rem;transform:translateZ(0);animation:marquee-left 16s linear infinite}.marquee__item{font-weight:900;color:#1a1813;font-size:2.4rem}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.marquee__inner{animation:none}}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landscape{position:relative;width:100%;height:130vh;-ms-overflow-style:none;scrollbar-width:none;overflow:hidden;background:linear-gradient(to bottom,#809bad,#cecccc)}.landscape::-webkit-scrollbar{display:none}.university-scape{position:relative;width:100%;height:130vh;top:100vh;-ms-overflow-style:none;scrollbar-width:none;overflow:hidden}.university-scape::-webkit-scrollbar{display:none}.university{position:absolute;bottom:0}.blue-background{position:relative;background-color:#5a707a;height:100vh;top:100vh;z-index:7}.hill-wrapper{position:absolute;bottom:0;width:100%;height:100%}.hill{position:absolute;bottom:-1%}.ground{z-index:7;overflow:hidden}.hill-1{z-index:6}.hill-2{z-index:5;right:0}.hill-3{z-index:4}.hill-4{z-index:3}.hill-5{z-index:2}.hill-6{z-index:1;right:0}.header{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);display:flex;gap:5rem;justify-content:space-evenly;max-height:50%}.card{background-color:#ffffff10;border-radius:1rem;border:2px solid #ffffff13;z-index:7;padding:2rem;width:50rem}.header-content{color:#1a1813}.my-name{font-size:3rem;font-weight:700;text-align:center;line-height:.8}.my-title{font-size:2rem;font-weight:500;text-align:center;line-height:0}.my-photo{width:20rem;border-radius:2rem;object-fit:cover}.line-break{width:100%;height:2px;background-color:#1a181380;margin:.5rem 0}.info-tag{display:flex;gap:1rem;align-items:center;line-height:.5}.light{display:none}.social-link:hover{animation:rocking 1s infinite}@keyframes rocking{0%{transform:rotate(0) scale(1.1)}50%{transform:rotate(5deg) scale(1.1)}to{transform:rotate(0) scale(1.1)}}.icon-info{position:relative;top:-7rem}.info-tag.languages,.info-tag.technologies{gap:0}.language-icon,.technology-icon{transform:scale(.8);transition:opacity .5s ease}.hidden-info .language-icon,.hidden-info .technology-icon{opacity:0}.about-me-text{transition:opacity .5s ease}.about-me-link{cursor:pointer}.hidden-info .about-me-text{opacity:0}.experience{position:absolute;top:175%;right:50%;transform:translate(50%,-50%);display:flex;flex-direction:row;justify-content:flex-start;align-items:start;gap:3rem}.timeline-line{position:relative;margin:0 5rem;width:3px;height:125vh;background:repeating-linear-gradient(to top,#fff,#1a1813,#fff,#1a1813 150%);background-size:100% 400%;animation:gradient-move 3s ease-in-out infinite}.timeline-mark{width:.5rem;height:.5rem;background-color:#1a1813;border-radius:50%;border:2px solid #ffffff;position:relative;transition:background-color .5s ease,border-color .5s ease}@keyframes gradient-move{0%{background-position:0 100%}to{background-position:0 0}}.timeline-line div:nth-child(1){transform:translate(-35%,6.5rem)}.timeline-line div:nth-child(2){transform:translate(-35%,22.5rem)}.timeline-line div:nth-child(3){transform:translate(-35%,38.5rem)}.experience-header{margin:0 5rem 1.5rem}.timeline-mark.highlight{background-color:#fff;border-color:#1a1813}.experience-item{position:relative;margin:0 0 1.5rem;background-color:transparent;border-radius:1rem;box-sizing:border-box;padding:.5rem;z-index:1}.experience-item:before{content:"";opacity:0;transition:opacity .5s ease;position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:conic-gradient(from var(--gradient-angle),#1a1813 0%,#aaaaaa 37%,#ffffff 30%,#aaaaaa 33%,#1a1813 40%,#1a1813 50%,#aaaaaa 77%,#ffffff 80%,#aaaaaa 83%,#1a1813 90%);border-radius:1rem;mask:linear-gradient(to bottom,#fff,#fff) content-box,linear-gradient(to bottom,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;animation:2s gradient-angle infinite linear}.experience-item.highlight:before{opacity:1}.experience-sub-info{display:flex;flex-direction:row;gap:1rem;line-height:0}.sub-info-mid{border-left:2px solid #ffffff;border-right:2px solid #ffffff}.projects{position:absolute;top:350%;right:50%;transform:translate(50%,-50%);z-index:8;color:#1a1813}.projects-top{display:flex;flex-direction:row;justify-content:center;margin-bottom:2rem}.surf-image{width:40rem;height:20rem;border-radius:2rem;object-fit:cover;object-position:0 10%}.projects-header{position:relative;text-align:center;color:#fff}.projects-content{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);position:relative}.sudo-project{position:relative;width:25rem;height:20rem;opacity:0}@media (max-width: 768px){.header{flex-direction:column;align-items:center;gap:1rem;top:70%;width:15rem;height:50rem;padding:1rem;max-height:110%}.experience{top:230%;width:15rem;padding:1rem;gap:1rem}.experience-item{max-width:14rem;margin:0 0 0 -.5rem}.experience-header{margin:0 0 .5rem;font-size:1.5rem}.experience h3{font-size:1.5rem;line-height:1}.experience-sub-info{gap:.5rem;line-height:1;font-size:.75rem}.experience-info{font-size:.75rem}.timeline-line{margin:0 .5rem;height:150vh}.timeline-line div:nth-child(1){transform:translate(-35%,5rem)}.timeline-line div:nth-child(2){transform:translate(-35%,25rem)}.timeline-line div:nth-child(3){transform:translate(-35%,47rem)}.header-content{color:#fff}.my-photo{width:15rem}.my-name{font-size:1.5rem}.my-title{font-size:1rem}.light{display:block}.dark{display:none}.line-break{background-color:#ffffff80}.info-tag{flex-direction:row;gap:.5rem}.info-tag.languages,.info-tag.technologies{flex-direction:row;flex-wrap:wrap;justify-content:center}.language-icon,.technology-icon{transform:scale(.7)}.university-scape{position:relative;top:160vh;bottom:0}.university-scape img{position:relative;right:10vh;top:-20vh}.blue-background{top:160vh;height:175vh}.projects{top:450%;width:15rem;padding:1rem;gap:1rem}.projects-header{color:#1a1813;font-size:1.5rem}.surf-image{width:15rem;height:10rem}.projects-content{grid-template-columns:auto}}@media (min-width: 768px) and (max-width: 1024px){.header{width:70%;gap:3rem;padding:1.5rem}.my-photo{width:18rem}.my-name{font-size:2.5rem}.my-title{font-size:1.75rem}.info-tag{gap:.75rem}.language-icon,.technology-icon{transform:scale(.75)}}@media (min-width: 1366px){html{font-size:110%}.header{width:50rem;gap:5rem;padding:2rem}.my-photo{width:20rem}.my-name{font-size:3rem}.my-title{font-size:2rem}.info-tag{gap:1rem}.language-icon,.technology-icon{transform:scale(.8)}}.icon-name{display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#1a1813;color:#fff;padding:2px 5px;border-radius:3px;white-space:nowrap;z-index:8;line-height:1}.icon-container{position:relative;display:inline-block}.icon-container:hover .icon-name{display:block}.project{position:absolute;width:24.5rem;height:20rem;border:2px solid #ffffff13;border-radius:1rem;text-align:center;padding:.2rem;box-sizing:border-box;transition:all .5s ease;z-index:1;cursor:pointer}.project.left.top{top:0;left:0}.project.right.top{top:0;right:0}.project.left.bottom{bottom:0;left:0}.project.right.bottom{bottom:0;right:0}.project.expanded{position:absolute;z-index:10;background:#1a1a1a;border:2px solid #ffffff;box-shadow:0 0 20px #00000080;color:#fff;width:51rem;height:41rem;max-height:41rem}.project-title{font-size:1.5rem;line-height:1}.project-image{padding:1rem;width:90%;max-width:22.5rem;height:10rem;object-fit:cover;border-radius:2rem;transition:all .5s ease}.project.expanded .project-image{width:45rem;height:20rem;max-width:45rem}@property --gradient-angle{syntax: "<angle>"; initial-value: 0turn; inherits: false;}.project:before{content:"";opacity:0;transition:all .5s ease;position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:conic-gradient(from var(--gradient-angle),#1a1813 0%,#aaaaaa 37%,#ffffff 30%,#aaaaaa 33%,#1a1813 40%,#1a1813 50%,#aaaaaa 77%,#ffffff 80%,#aaaaaa 83%,#1a1813 90%);border-radius:1rem;mask:linear-gradient(to bottom,#fff,#fff) content-box,linear-gradient(to bottom,#fff,#fff);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;animation:2s gradient-angle infinite linear}.project-links{display:flex;justify-content:space-around;gap:.5rem}@keyframes gradient-angle{to{--gradient-angle: 1turn}}.project:hover:before{opacity:1}.hidden-content{display:none}.project-content{padding:2rem}.project-content strong{color:#809bad}@media (max-width: 768px){.project{width:15rem;height:20rem}.project-title{font-size:1rem}.project.left.top{top:0;left:0}.project.right.top{top:21rem;left:0}.project.left.bottom{top:42rem;left:0}.project.right.bottom{top:63rem;left:0}.project.expanded{width:15rem;height:20rem}.project.expanded .project-image{display:none}.project.expanded .project-content{padding:.5rem;font-size:.8rem}}.project-btn{position:relative;display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:.5rem;width:fit-content;height:1.5rem;padding:.2rem;border-radius:1rem;background-color:#ffffff10;border:2px solid #ffffff13;z-index:7;text-decoration:none;color:#fff;transition:all .5s ease}.project-btn:hover{background-color:#ffffff13;border-color:#fff}@media (max-width: 768px){.project-btn{font-size:.5rem;height:1rem}.project-btn img{transform:scale(.5)}}