@import url(https://fonts.googleapis.com/css2?family=Paprika&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;height:100vh;justify-content:space-between;position:relative;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home{height:100vh;justify-content:center;width:100vw}.bio,.home{align-items:center;display:flex}.bio{flex-direction:column;font-family:Paprika,sans-serif;justify-content:flex-start;margin-top:100px;padding-left:10%;position:relative;text-align:center;width:auto}.nameParagraphDiv{font-weight:700;height:35vh;width:35vw}.name{transition:all .5s ease}.matrixName,.name{font-size:48px;margin-top:10%}.matrixName{color:#0f0}.objective{font-size:24px;padding-left:19%;padding-right:19%;z-index:10}.color{height:100vh;position:relative;width:100vw;z-index:1}.selfie{height:518px;left:-15%;position:absolute;top:50px;width:500px}[data-animation=glitch-clip]{--gap-horizontal:5px;animation-duration:var(--duration);animation-iteration-count:var(--iteration-count);animation-name:glitch-clip__animation;animation-timing-function:linear}@keyframes glitch-clip__animation{0%{clip-path:polygon(0 20%,100% 20%,100% 21%,0 21%);transform:translate3d(calc(var(--gap-horizontal)*-1),0,0) scale3d(-1,-1,1)}2%{clip-path:polygon(0 33%,100% 33%,100% 33%,0 33%)}4%{clip-path:polygon(0 44%,100% 44%,100% 44%,0 44%)}5%{clip-path:polygon(0 50%,100% 50%,100% 20%,0 20%)}6%{clip-path:polygon(0 70%,100% 70%,100% 70%,0 70%)}7%{clip-path:polygon(0 80%,100% 80%,100% 80%,0 80%)}8%{clip-path:polygon(0 50%,100% 50%,100% 55%,0 55%)}9%{clip-path:polygon(0 70%,100% 70%,100% 80%,0 80%)}9.9%{transform:translate3d(calc(var(--gap-horizontal)*-1),0,0) scale3d(-1,-1,1)}10%,to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translateZ(0) scaleX(1)}}.skills{display:flex;flex-direction:column;font-family:Paprika,sans-serif;height:100vh;overflow-x:hidden;width:100vw}.skillsTitle{align-items:center;justify-content:center;margin:2% 0 0;text-align:center;width:100vw}.row1,.row2,.row3{flex-direction:row;gap:10%}.row1,.row2,.row3,.skillsDiv{display:flex;justify-content:center;padding:2%}.skillsDiv{align-items:center;background-color:#fff;border-radius:40px;height:60px;width:12%}.api,.figmaLogo,.javaLogo,.javaScriptLogo,.reactLogo{height:100px;width:130px}.gitLogo{height:100px;width:170px}.cssLogo{height:110px}.cppLogo,.cssLogo{width:50%}.htmlLogo{height:110px;width:60%}.api{align-items:center;color:#0094ff;display:flex;justify-content:center}.projects{background-color:#b4d9ef;display:flex;flex-direction:column;font-family:Paprika,sans-serif;height:180vh;overflow-x:hidden;width:100vw}.projectsTitle{align-items:center;font-weight:lighter;justify-content:center;margin:.5% 0 0;text-align:center;width:100vw}.projectsImage{margin-left:15vw;width:40vw}.projectsContent{display:flex;flex-direction:row;overflow:hidden}.projectsDescription{margin-right:10%;margin-top:7%;padding-left:5%}.educationTitle,.encapsulateDescription,.encapsulateTitle,.keysightDescription,.keysightTitle,.verseFactsDescription{font-weight:lighter}.encapsulateDescription{margin-left:10%;margin-top:50%;padding-right:30%}.keysightDescription{margin-top:43%}.encapsulateProject,.verseFactsProject{height:22%}.capstoneProject{height:22%;width:100%}.leftTabDiv{font-family:Paprika,sans-serif;margin-left:1.5%;pointer-events:auto;position:fixed;z-index:1000}.sections{pointer-events:auto}.sections,button.sections{cursor:pointer;margin-top:3rem}button.sections{background-color:initial;border:none;font-size:1.2rem;padding:10px 20px}.rightTabDiv{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding:1rem 0;position:fixed;right:2%;top:0;z-index:10}img.github,img.linkedin{width:50px}.themeLogo{display:flex;justify-content:center;width:50px}.moon,.sun{cursor:pointer;margin-top:60vh;width:50px}.sun{transform:scale(2)}.popup{background-color:#0006;border-radius:4px;bottom:0;box-shadow:0 4px 8px #0003;color:#fff;padding:4px 8px;position:absolute;right:50px;text-align:center;width:130px;z-index:100}.experience{display:flex;font-family:Paprika,sans-serif;height:100vh;overflow-x:hidden;width:100vw}.verticalLine{height:70vh;left:14.5%;margin-top:7.4%;position:absolute}.circle{background-color:#fff;border:1px solid #000;border-radius:50%;height:7vh;margin-left:12.4%;margin-top:4%;shape-outside:circle();width:4vw}.rtxLogo{margin-top:1%;width:3.2vw}.firstBullet,.secondBullet,.thirdBullet{justify-content:left;margin-top:2%;padding-right:10%}.diamond{margin-left:5%;width:10%}.firstBulletPoint{margin-top:15%}.firstBulletPoint,.secondBulletPoint,.thirdBulletPoint{align-items:flex-start;display:flex;font-size:22px}.bulletPoints{width:50%}.rightSide{background-color:#b4d9ef;width:50vw}.experienceTitle{background-color:#fff;border:3px solid #000;font-weight:700;height:40vh;margin-left:7%;margin-top:25%;width:30vw}.software,.timeline{font-weight:lighter;margin-top:10%}.websiteToolLine{margin-left:31.2%;position:absolute}
/*# sourceMappingURL=main.d2a671c7.css.map*/