.intro{flex-direction:column;justify-content:center;align-items:center;width:100%;height:42vw;font-family:Rubik;display:flex}.main{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.left{flex-direction:column;flex:1.1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.headline{flex-direction:column;flex:4.5;justify-content:center;align-items:flex-start;width:100%;padding-left:7vw;line-height:1.1;display:flex}.introButtons{flex:1;justify-content:flex-start;align-items:flex-start;width:100%;padding-left:7vw;display:flex}.Navbutton{justify-content:center;align-items:center;display:flex}.Navbutton:nth-of-type(2){margin-left:1.5vw}.downloadResume{color:#fff;cursor:pointer;background-color:#000;border:2px solid #fff;border-radius:2vw;justify-content:center;align-items:center;width:10vw;height:3vw;font-family:quicksand;font-size:1.1vw;font-weight:700;display:flex}.downloadIcon{background:0 0;width:1.1vw;height:1.1vw;margin-right:1vw}.downloadResume:hover{cursor:none;color:#000;background-color:#cef;border:2px solid #000}.downloadResume:hover .resume{color:#000;background-color:#cef}.downloadResume:hover .downloadIcon{filter:invert()}.downloadResume:hover .contact{color:#000;background-color:#cef}.name{color:#fff;background:-webkit-linear-gradient(#c6eafc,#a849fb,#fd9fd9,#feed8a);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;font-size:7vw;font-weight:500;animation:5s infinite moveGradient}.headline:hover{cursor:none}@keyframes moveGradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.details{color:#fff;margin-top:2vw;margin-left:.5vw;font-size:2vw}.detail{margin-bottom:.7vw}u{text-underline-offset:5px;font-weight:500;text-decoration-color:#992ff6}.right{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.top,.center,.bottom{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.squaresA{justify-content:space-between;align-items:flex-end;width:32vw;height:80%;display:flex}.squaresB{justify-content:space-between;align-items:flex-start;width:32vw;height:80%;display:flex}.image{object-fit:cover;border-radius:10%;width:25vw;height:27vw}.square1{background:-webkit-linear-gradient(90deg,#96d9fb,#fd9fd9);border-radius:.7vw;width:2.8vw;height:2.8vw}.square2{background:-webkit-linear-gradient(90deg,#feed8a,#a849fb);border-radius:.7vw;width:2.8vw;height:2.8vw}.square3{background:-webkit-linear-gradient(90deg,#a849fb,#96d9fb);border-radius:.7vw;width:2.8vw;height:2.8vw}.square4{background:-webkit-linear-gradient(90deg,#fd9fd9,#feed8a);border-radius:.7vw;width:2.8vw;height:2.8vw}.image:hover,.square1:hover,.square2:hover,.square3:hover,.square4:hover{cursor:none}@media (max-width:1100px){.intro{height:140vw}.main{flex-direction:column}.left{flex:1;width:100%}.headline{flex:4;align-items:center;padding-left:0}.name{text-align:center;font-size:13vw}.details{text-align:center;margin-top:5vw;font-size:4vw}.introButtons{flex:1;justify-content:center;align-items:center;padding-left:0}.Navbutton:nth-of-type(2){margin-left:3vw}.downloadResume{border-radius:5vw;width:17vw;height:5.5vw;font-size:2vw}.downloadIcon{width:1.8vw;height:1.8vw;margin-right:1.5vw}.right{flex:1;padding-right:0}.image{width:35vw;height:35vw;margin-left:1vw}.squaresA,.squaresB{width:50vw}.square1,.square2,.square3,.square4{border-radius:1vw;width:5vw;height:5vw}}@media (max-width:600px){.intro{height:180vw}.name{text-align:center;font-size:15vw}.details{text-align:center;margin-top:5vw;font-size:5vw}.headline{flex:5}.image{width:45vw;height:45vw}.squaresA,.squaresB{width:60vw}.square1,.square2,.square3,.square4{border-radius:1.5vw;width:7vw;height:7vw}.downloadResume{width:25vw;height:8vw;font-size:3vw}.downloadIcon{width:2.2vw;height:2.2vw;margin-right:2vw}}
.info{justify-content:center;align-items:center;width:100%;height:45vw;display:flex;overflow:hidden}.infoImg{cursor:none;width:15vw;height:15vw}.emoContainer{flex:1;justify-content:center;align-items:center;display:flex}.card-container{flex:1.8;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.card{cursor:grab;border-radius:5vw;justify-content:center;align-items:center;width:53vw;height:33vw;margin-right:5vw;display:flex;position:absolute}.card-content{background-color:#0000;flex-direction:column;flex:1;justify-content:center;align-items:flex-start;width:100%;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.2vw;font-weight:600;display:flex}p,ul,li,span,div{background:0 0}ul{margin:5vw;list-style:none}.schoolHead,.schoolHead2{margin-top:3vw;font-size:1.8vw}.schoolInfo{font-size:1.1vw}.dragIconwrapper{cursor:pointer;background:0 0;justify-content:flex-end;align-items:center;display:flex;position:absolute;bottom:3vw;right:1vw}.dragIcon{opacity:.5;background:0 0;width:2vw;height:2vw;margin-right:5vw}.tooltip{color:gray;visibility:hidden;opacity:0;background-color:#0000;font-size:1vw;transition:opacity .3s,visibility .3s;position:absolute;right:7.2vw}.dragIcon:hover+.tooltip{visibility:visible;opacity:1}@media (max-width:1100px){.info{flex-direction:column;height:160vw}.emoContainer{flex:1}.card-container{flex:2;align-items:flex-start}.card{width:80vw;height:80vw;margin-top:5vw;margin-right:0}.infoImg{width:30vw;height:30vw}.card-content{padding:2vw;font-size:2.8vw}.dragIconwrapper{bottom:5vw;right:10vw}.dragIcon{width:3vw;height:3vw;margin-right:0}.tooltip{font-size:1.5vw;right:3.5vw}.schoolHead,.schoolHead2{font-size:3vw}.schoolHead2{margin-top:7vw}.schoolInfo{font-size:1.8vw}}
.experience-section{padding-top:4vw;position:relative;overflow:hidden}.experience-container{z-index:1;width:90%;margin:0 auto;padding:0 2vw;position:relative}.experience-title{cursor:none;background:-webkit-linear-gradient(#feed8a,#fd9fd9,#a849fb,#c6eafc);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;margin-bottom:1vw;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:5vw;font-weight:600}.experience-content{gap:4vw;display:flex;position:relative}.timeline-container{z-index:10;height:fit-content;position:sticky;top:40vh}.timeline-track{background:#333;border-radius:.1vw;width:.2vw;height:45vw;position:relative}.timeline-progress{background:linear-gradient(#7877c6,#ff6767);border-radius:.1vw;width:100%;transition:height .1s;position:absolute;top:0;left:0;box-shadow:0 0 .5vw #7877c666,0 0 1vw #7877c633}.timeline-progress:after{content:"";background:linear-gradient(#0000,#7877c666,#0000);border-radius:.1vw;width:100%;height:100%;animation:2s linear infinite flow;position:absolute;top:0;left:0}@keyframes flow{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.timeline-dot{z-index:3;background:#333;border:.15vw solid #555;border-radius:50%;width:1vw;height:1vw;transition:all .5s;position:absolute;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{0%{box-shadow:0 0 1vw #7877c699,0 0 2vw #7877c666,0 0 3vw #7877c633}50%{box-shadow:0 0 1.5vw #7877c6cc,0 0 3vw #7877c699,0 0 4.5vw #7877c666}to{box-shadow:0 0 1vw #7877c699,0 0 2vw #7877c666,0 0 3vw #7877c633}}.experience-items{flex:1}.experience-item{margin-bottom:4vw;position:relative}.timeline{z-index:2;flex-direction:column;align-items:center;margin-right:3vw;display:flex;position:relative}.timeline-dot{z-index:3;background:#333;border:.15vw solid #555;border-radius:50%;width:1vw;height:1vw;transition:all .5s;position:relative}.timeline-dot.active{background:linear-gradient(135deg,#7877c6,#ff6767);border-color:#fff;animation:2s infinite pulse;box-shadow:0 0 1vw #7877c699,0 0 2vw #7877c666,0 0 3vw #7877c633}.timeline-line{background:#333;width:.1vw;height:10vw;margin-top:1vw;transition:background .5s;position:relative;overflow:hidden}.timeline-line.active{background:linear-gradient(#7877c6,#ff6767)}.timeline-line.active:after{content:"";background:linear-gradient(#0000,#7877c666,#0000);width:100%;height:100%;animation:2s linear infinite flow;position:absolute;top:0;left:0}.experience-details{align-items:flex-start;gap:4vw;width:100%;display:flex}.experience-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:.05vw solid #ffffff1a;border-radius:.8vw;flex:1;padding:2vw}.experience-content{align-items:flex-start;gap:2vw;display:flex}.experience-text{flex:1}.experience-date{color:#7877c6;text-transform:uppercase;letter-spacing:.05vw;margin-bottom:.5vw;font-size:.9vw;font-weight:600}.experience-job-title{color:#fff;margin-bottom:.5vw;font-size:1.8vw;font-weight:700}.experience-company{color:#ff6767;margin-bottom:1.5vw;font-size:1.2vw;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.experience-company:hover{color:#7877c6;text-shadow:0 0 .5vw #7877c680}.experience-description{margin:0;padding:0;list-style:none}.experience-description li{color:#ccc;margin-bottom:.8vw;padding-left:1.5vw;font-size:1vw;line-height:1.6;position:relative}.experience-description li:before{content:"▶";color:#7877c6;font-size:.8vw;position:absolute;left:0}.experience-card{cursor:pointer;border-radius:.6vw;flex-shrink:0;width:30vw;height:17vw;transition:all .3s;overflow:hidden}.experience-card img{object-fit:contain;width:100%;height:100%;transition:all .3s}.experience-card:hover{border-color:#7877c6;transform:translateY(-.25vw);box-shadow:0 .6vw 2vw #0006,0 0 1vw #7877c64d}.experience-card:hover img{transform:scale(1.05)}@media (max-width:1100px){.experience-section{padding:6vw 0}.experience-container{width:95%;padding:0 3vw}.experience-title{font-size:6vw}.experience-content{gap:3vw}.experience-details{flex-direction:column;gap:0}.timeline{margin-right:2vw}.experience-info{padding:3vw}.experience-content{flex-direction:column;gap:3vw}.experience-date{font-size:2vw}.experience-job-title{font-size:3.5vw}.experience-company{font-size:2.5vw}.experience-description li{margin-bottom:1.5vw;padding-left:3vw;font-size:2.2vw}.experience-description li:before{font-size:1.8vw}.experience-card{width:100%;height:25vw}.timeline-line{height:8vw}.timeline-container{display:none}.experience-item{margin-bottom:6vw}}@media (max-width:768px){.experience-section{padding:8vw 0}.experience-container{width:100%;padding:0 4vw}.experience-title{text-align:center;margin-bottom:6vw;font-size:8vw}.experience-content{gap:0}.experience-details{flex-direction:column;gap:0}.timeline{display:none}.experience-info{border-radius:2vw;margin-bottom:6vw;padding:4vw}.experience-content{flex-direction:column;gap:4vw}.experience-text{flex:1}.experience-date{margin-bottom:2vw;font-size:3vw}.experience-job-title{margin-bottom:2vw;font-size:5vw}.experience-company{margin-bottom:3vw;font-size:4vw}.experience-description li{margin-bottom:2vw;padding-left:4vw;font-size:3.5vw;line-height:1.5}.experience-description li:before{font-size:2.5vw;left:.5vw}.experience-card{width:100%;height:40vw;margin-top:2vw}.experience-item{margin-bottom:8vw}}
.techStack{color:#f0f8ff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:75vw;display:flex}.skillText{font-weight:500}.techHeading{flex-direction:column;justify-content:center;align-items:flex-start;width:85%;margin-bottom:6vw;display:flex}.skillsHeading{cursor:none;background:-webkit-linear-gradient(#feed8a,#fd9fd9,#a849fb,#c6eafc);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;margin-bottom:1vw;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:5vw;font-weight:600}.skillsText{cursor:none;color:#f5f5f5;width:80%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.2vw;font-weight:400}.techstackWrapper{color:#f0f8ff;justify-content:center;align-items:center;width:100%;font-family:Fredoka;display:flex}.skillssection{flex-direction:column;flex:1.3;justify-content:center;align-items:center;height:45vw;display:flex}.line-container{justify-content:center;align-items:center;width:100%;display:flex}.gray-line{background-color:#161616;width:20%;height:.2vw}.centered-text{cursor:none;margin:0 2vw;font-size:1vw;font-weight:500}.skills{flex-wrap:wrap;justify-content:center;align-items:center;width:70%;margin-top:2vw;margin-bottom:2.5vw;margin-left:1.5vw;display:flex}.skill{color:#000;text-align:center;border-radius:1vw;justify-content:center;align-items:center;width:5vw;height:5vw;margin-bottom:1.5vw;margin-right:1.5vw;font-size:.8vw;font-weight:bolder;display:flex;position:relative}.skill:hover{cursor:none}.category{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.category>ul{cursor:pointer;margin-right:6vw;position:relative;transform:skewY(10deg)}.category>ul li{width:18vw;z-index:var(--i);color:#000;height:6vw;padding:1.2vw;font-size:1.5vw;font-weight:500;list-style:none;position:relative}.Web,.Data,.Other{background:#c6eafc}.Web:before,.Data:before,.Other:before,.Web:after,.Data:after,.Other:after{background:#6acdfe}.activeWeb,.Web:hover{background:#f9edaa;transition:all .5s}.activeWeb{transform:translate(-4.5vw)}.activeWeb:before,.activeWeb:after,.Web:hover:before,.Web:hover:after{background:#fce66a}.activeData,.Data:hover{background:#ffc4e8;transition:all .5s}.activeData{transform:translate(-4.5vw)}.activeData:before,.activeData:after,.Data:hover:before,.Data:hover:after{background:#fd9fd9}.activeOther,.Other:hover{background:#ddbafc;transition:all .5s}.activeOther{transform:translate(-4.5vw)}.activeOther:before,.activeOther:after,.Other:hover:before,.Other:hover:after{background:#a849fb}.category>ul li:before{content:"";transform-origin:0;width:40px;height:100%;transition:all .5s;position:absolute;top:0;right:-40px;transform:skewY(-45deg)}.category>ul li:after{content:"";transform-origin:bottom;width:100%;height:40px;transition:all .5s;position:absolute;top:-40px;right:0;transform:skew(-45deg)}.category>ul li:last-child:after{box-shadow:15vw 15vw 1.5vw #fff3}.skill>img{background:0 0;width:3vw;height:3vw}.skillNameOnHover{color:#fff;opacity:0;background:#000;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:absolute;top:0;left:0}.skill:hover .skillNameOnHover{opacity:.8}.viewProjects{justify-content:space-between;align-items:center;width:85%;margin-top:2vw;display:flex}.viewProjectsText{color:#f5f5f5;cursor:none;width:60%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1.2vw;font-weight:400}.viewProjectsButton{margin-right:7vw}.oval{border-radius:50vw;width:8vw;height:4vw}@media (max-width:1100px){.techStack{height:210vw}.skillsHeading{margin-top:1vw;font-size:8vw}.skillsText{width:100%;font-size:3vw}.techstackWrapper{flex-direction:column;flex:5}.skillssection{flex:2;margin-top:10vw}.skills{width:90%;margin-left:3vw}.skill{border-radius:2vw;width:10vw;height:10vw;margin-bottom:3vw;margin-right:3vw;font-size:1.9vw}.category{flex:2;justify-content:flex-end}.gray-line{width:25vw}.centered-text{font-size:2vw}.viewProjects{flex:1}.skill>img{width:5vw;height:5vw}.category>ul{margin-top:15vw}.category>ul li{width:30vw;height:7vw;padding:2vw;font-size:3vw}.viewProjects{flex-direction:column;width:100%;margin-top:10vw}.viewProjectsText{width:80%;font-size:3vw}.viewProjectsButton{margin-left:65vw}.oval{border-radius:15vw;width:19vw;height:10vw}}@media (max-width:600px){.skillsHeading{margin-top:8vw;font-size:8vw}}