@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap";:root{--background: rgb(10, 12, 35);--header: rgb(237, 248, 247);--text: rgb(172, 197, 199);--accent: rgb(26, 199, 185);box-sizing:border-box;font-family:Roboto Slab,sans-serif;scroll-behavior:smooth}body{background:var(--background);width:100vw;height:fit-content;overflow-x:hidden;margin:0;-webkit-user-select:none;user-select:none}h1{font-size:5rem}h1,h2,h3,h4,h5,h6{color:var(--header);margin:0}p{margin:0;color:var(--text);line-height:1.5rem}.text-highlight{color:#fff}.description{margin-top:2rem;max-width:500px;opacity:0;animation-delay:1s}.fade-in{animation:fadeIn .5s linear .5s forwards;opacity:0}.slide-in{animation:slideIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-50%)}to{transform:translate(0)}}.main{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.background{width:100vw;height:100vh;position:fixed;top:0;left:0;background-image:url(/background.png);background-size:cover;opacity:.1}.home-wrap{padding-top:2rem;padding-bottom:4rem;display:flex;justify-content:space-between}.action-button{text-decoration:none;border-radius:1000px;display:flex;align-items:center;justify-content:center}.actions{display:flex;padding:80px;gap:80px;flex-direction:column;width:24rem}@media only screen and (max-width: 1100px){.actions{display:none}}.action-item:first-child{justify-content:center}.action-item{display:flex;width:100%;justify-content:space-between;align-items:center}.sticky-wrap{top:0;position:sticky}a{text-decoration:none}.projects{width:100%;display:flex;justify-content:space-between}@media only screen and (max-width: 1100px){.projects{flex-direction:column}.projects-timeline{position:static}}@media only screen and (max-width: 600px){.project-image{display:none}}h2{font-size:4rem}.projects .projects-timeline{top:2rem;height:fit-content}.timeline-wrap{padding-left:2rem}.timeline-node-wrap{display:flex;height:8rem;align-items:center;gap:2rem}.timeline-node{background-color:#fff;width:30px;height:30px;border-radius:100px;box-shadow:0 0 5px 5px #fff;position:relative}.timeline-node-wrap:not(:last-child) .timeline-node:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%);height:8rem;border-left:1px dashed white}.projects-list{display:flex;flex-direction:column;gap:2rem}.project-item{max-width:40rem;padding:1rem;border-radius:10px;display:flex;gap:1rem;transition-duration:.2s}.project-item:hover{background-color:#20ffda13}.project-item .project-image{margin:5px}.project-item .project-image img{border-radius:5px}.project-item .project-title{margin-bottom:.5rem;display:flex;gap:1rem;align-items:center}.project-item p{font-size:.8rem;margin-bottom:1rem}.project-item .project-tools{display:flex;gap:1rem;text-wrap:nowrap;flex-wrap:wrap}.project-item .project-tool{color:var(--accent);font-size:.8rem;padding:.2rem .7rem;border-radius:100px;background-color:#0ff3}.resume-link{display:flex;text-decoration:none;color:#fff;gap:1rem;align-items:center;padding:1rem 2rem}.skills-container{display:flex;padding:2rem 4rem;background-color:#80ccff0d;border-radius:20px;column-gap:4rem;row-gap:2rem;margin-top:2rem;flex-wrap:wrap;justify-content:center}.border-ring-content>*{text-align:center}.border-ring{position:absolute;border:10px solid transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:rotation 3s linear forwards infinite;pointer-events:none;transition-duration:.5s}.border-ring:nth-child(odd){animation-name:reverseRotation}.border-ring-content{display:flex;align-items:center;justify-content:center;border-radius:1000px;transition-duration:.2s}.border-ring-content h3{position:relative;transition-duration:.2s}.border-ring-content:hover h3{text-shadow:0 0 3px white}.border-ring-base:hover .border-ring{border-bottom-color:#f4a5ff!important;border-top-color:#fff}.border-ring-base{position:relative;display:flex;align-items:center;justify-content:center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes reverseRotation{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.cursor{width:100vw;height:100vh;left:0;top:0;position:fixed;z-index:999;pointer-events:none}.cursor-ring{width:25px;height:25px;position:absolute;transform:translate(-50%,-50%);border-radius:100px;transition:background-color .3s,box-shadow .3s}.navbar{height:6rem;width:100%;display:flex;gap:2rem;justify-content:flex-end;align-items:center}.navbar a{color:var(--header);text-decoration:none;font-size:1.2rem;transition-duration:.2s;position:relative}.navbar a:after{width:0px;position:absolute;content:"";height:2px;background-color:#fff;top:calc(100% + 2px);left:0;transition-duration:.2s}.navbar a:hover{color:#fff}.navbar a:hover:after{width:100%}.section{padding-top:2rem;padding-bottom:2rem}.section:not(:last-child){min-height:100vh}.social-links{display:flex;padding-top:2rem;gap:1rem}.social-links img{border-radius:100px;transition-duration:.2s}.social-links img:hover{box-shadow:0 0 5px 5px #fff}.skill{--default-skill-bg: rgba(0, 255, 255, .2);--active-skill-bg: rgba(255, 255, 255, .2);color:var(--accent);display:flex;gap:.5rem;width:200px;height:40px;position:relative;background:var(--default-skill-bg);justify-content:center;cursor:pointer;align-items:center}.skill:after{content:"";position:absolute;left:-20px;bottom:0;width:0;height:0;border-right:20px solid var(--default-skill-bg);border-top:20px solid transparent;border-bottom:20px solid transparent}.skill:before{content:"";position:absolute;right:-20px;bottom:0;width:0;height:0;border-left:20px solid var(--default-skill-bg);border-top:20px solid transparent;border-bottom:20px solid transparent}.skill.active{background:var(--active-skill-bg)}.skill.active:before{border-left-color:var(--active-skill-bg)}.skill.active:after{border-right-color:var(--active-skill-bg)}.skill.clone{position:fixed;z-index:100;transform:translate(-50%,-50%);pointer-events:none}.skill.glow-in{animation:glowIn .5s linear forwards}.skill.glow-in:before{animation:borderLeftGlowIn .5s linear forwards}.skill.glow-in:after{animation:borderRightGlowIn .5s linear forwards}@keyframes borderLeftGlowIn{0%{border-left-color:#fff}to{border-left-color:var(--default-skill-bg)}}@keyframes borderRightGlowIn{0%{border-right-color:#fff}to{border-right-color:var(--default-skill-bg)}}@keyframes glowIn{0%{background:#fff}to{background:var(--default-skill-bg)}}.skill-reader-wrap{transition-duration:.75s;overflow:hidden}.skill-reader{width:100%;display:flex;padding-top:2rem;padding-bottom:2rem;justify-content:center;--reader-active-color: rgba(193, 255, 229, .171);--reader-accent-color: rgba(131, 255, 255, .623)}.skill-reader .skill.active{background-color:var(--reader-active-color);transition-duration:.2s}.skill-reader .skill.active:before{border-left-color:var(--reader-active-color);transition-duration:.2s}.skill-reader .skill.active:after{border-right-color:var(--reader-active-color);transition-duration:.2s}.skill-reader .skill.hovered{background-color:var(--reader-accent-color)}.skill-reader .skill.hovered:before{border-left-color:var(--reader-accent-color)}.skill-reader .skill.hovered:after{border-right-color:var(--reader-accent-color)}.skill-title{display:flex;gap:1rem;align-items:center}.skill-title h3{font-size:2rem}.skill-details{display:flex;flex-direction:column;gap:1rem;max-width:50%}.skill-details span b,.skill-bullet-items span b{color:#fff;font-size:.9rem;margin-bottom:.5rem}.skill-content span:has(b){display:block;margin-bottom:1rem}.skill-progress-bar-wrap{width:350px;background-color:#000;height:25px;border-radius:100px;margin-top:1rem;overflow:hidden}.skill-progress-bar{height:100%;width:0;border-radius:100px;animation:animate-bar .5s ease-in-out forwards}.skill-content-wrap .fade-in{animation-delay:0s;animation-duration:.3s}.skill-related-projects{margin-top:1rem}.skill-content{display:flex;gap:2rem;padding-top:2rem}.skill-bullets h3{font-size:2rem}.skill-bullets{max-width:50%}.skill-bullets-title{display:flex;align-items:center;height:80px}.skill-bullet-items{display:flex;flex-direction:column;gap:2rem}.skill-bullet-items .typed-text span{font-size:.8rem}.skill-bullet-bar-wrap{width:24rem;background-color:#000;height:.5rem;border-radius:100px;margin-bottom:.5rem;overflow:hidden}.skill-bullet-bar{height:100%;background-color:#00ffbf;border-radius:100px;animation:animate-bar 1s ease-in-out forwards}.empty-project-wrap{margin-top:2rem;background-color:#00000040;padding:2rem;border-radius:15px;display:flex;flex-direction:column;align-items:center}.empty-project-wrap p{max-width:24rem;display:flex;flex-direction:column;align-items:center;color:#fff}.empty-project-wrap span:first-child{margin-bottom:1rem}.empty-project-wrap span{text-align:center}@keyframes animate-bar{0%{width:0%}to{width:var(--skill-width)}}@media only screen and (max-width: 1100px){.skill-content{flex-direction:column;align-items:center}.skill-details,.skill-bullets{max-width:unset}}.typed-text span:last-child{color:#004450}