:root{color-scheme:light dark;color:#ffffffde;background-color:#131313;position:absolute;z-index:-99}.nav-container{display:flex;width:100%;position:relative;z-index:1022;padding:0;height:50px}::selection{background-color:purple;color:#000}::-webkit-scrollbar{width:7px;background:transparent}::-webkit-scrollbar-track{background-color:#8000805d}::-webkit-scrollbar-thumb{background:purple;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#c702ad}body{font-family:Poppins,sans-serif;font-weight:500;font-style:normal;margin:0;padding:0;scroll-behavior:smooth}.navbar{position:fixed;width:100%;height:60px;font-size:18px;transition:all .2s linear}.navbar-scroll{position:fixed;width:100%;height:60px;font-size:18px;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);background-color:#6b008025;transition:all .2s linear}.navbar ul{display:flex;justify-content:space-between;align-items:center;text-decoration:none;padding:0;height:10px}.list-container{display:flex;justify-content:space-between;align-items:center;text-decoration:none;padding:0;height:fit-content;width:50%;margin:15px 50px 0 0}.list{margin:0 15px;cursor:pointer;list-style:none;position:relative;color:#fff;text-decoration:none;padding:5px 0;height:100%;transition:all .4s}.list:after{content:"";position:absolute;width:0%;height:5px;left:0;bottom:-2px;background-color:#770268;transition:width .4s ease-in-out}.list:hover:after{width:100%}.navbar-scroll ul{display:flex;justify-content:space-between;align-items:center;text-decoration:none;padding:0;height:10px}.navlink{text-decoration:none;color:#fff}.logo{-webkit-user-select:none;user-select:none;position:relative;top:1.8rem;display:flex;justify-content:center;align-items:center}.menu{font-size:30px;list-style:none;visibility:hidden;cursor:pointer}@media (max-width: 1103px){.list-container{flex-direction:column;position:absolute;top:2.5rem;justify-content:center;width:100%;background-color:#6b008025;gap:12px;padding-bottom:15px;display:none;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);transition:height .5s}.list-container-visible{display:flex;justify-content:space-between;align-items:center;text-decoration:none;padding:15px 0;margin:15px 50px 0 0;flex-direction:column;position:absolute;top:2.8rem;width:100%;background-color:#6b0080c4;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);gap:30px;height:fit-content;list-style:none;transition:height .5s}.list{visibility:hidden}.list-visible{visibility:visible;cursor:pointer;color:#fff}.navbar ul,.navbar-scroll ul{justify-content:space-between;align-self:center}.menu{visibility:visible;margin-right:50px;text-align:center;position:relative;top:4px;display:flex;justify-content:center;align-items:center}.logo{top:2.5rem}}.model-container{touch-action:none}.model-container-scroll{touch-action:auto!important}.model-container-scroll canvas{touch-action:auto!important;pointer-events:none!important}.nightsky{z-index:0;pointer-events:none}.firstpage{height:fit-content}.container{position:relative;z-index:1;height:100vh;width:fit-content;display:flex;justify-content:space-between;align-items:center;width:95vw;pointer-events:none;gap:1%;flex-wrap:wrap;flex-shrink:50%}.cont{display:flex;justify-content:center;align-items:start;flex-direction:column;position:relative;margin-left:5%}.word{position:relative;z-index:1;font-size:3rem;display:block;margin:0;height:fit-content}.name{display:flex;margin:0;height:fit-content;font-size:4rem;color:#8709ad;filter:drop-shadow(2px 2px 1px rgb(177,177,177))}.crystal{position:relative;z-index:1;pointer-events:none;width:fit-content;cursor:grabbing}.title{font-size:1.5rem;margin-top:.5rem;min-height:1.5em;color:#f5f5f5;position:relative;z-index:55}@media (max-width: 1103px){.container{justify-content:center;gap:0;font-size:12px}.cont{position:relative;top:15%}}@media (max-width: 768px){.container{justify-content:center}.firstpage{height:fit-content}.word{font-size:2rem}.name{font-size:2.5rem}.cont{position:relative;top:15%}}@media (max-width: 480px){.container{justify-content:center;gap:0;font-size:12px}}.about{min-height:100vh;position:relative;z-index:100;width:98vw;pointer-events:none}.galaxy{position:relative;z-index:0;transition:all 1s}.galaxy:hover{transform:scale(.9)}.about-container{position:absolute;z-index:5;width:100%;height:100vh;display:flex;justify-content:center;align-items:start;flex-direction:column;gap:1.5rem}.about-para{margin-left:5%;width:70vw;font-size:20px;color:#fff}.about-intro{width:70vw;font-size:30px;color:#f0eff1;display:flex;justify-content:center;align-items:center;height:5%}.highlight{color:#8a2be2;display:inline-block;filter:drop-shadow(1px 1px 1px rgb(17,0,245));line-height:20px;height:fit-content;margin:0}@media (max-width: 1103px){.about-container{position:absolute;z-index:5;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.5rem}.about-para{width:90vw;font-size:15px;color:#fff}.galaxy:hover{transform:scale(1)}}@media (max-width: 768px){.galaxy:hover{transform:scale(1)}}@media (max-width: 480px){.about{min-height:100vh;position:relative;z-index:100;width:100vw;pointer-events:none}.galaxy:hover{transform:scale(1)}}.skills{height:fit-content;position:relative;z-index:55;width:98vw;pointer-events:none;display:flex;align-items:center;flex-direction:column;padding-top:80px;padding-bottom:80px}.skillset{width:100%;display:flex;justify-content:center;align-items:center;margin:20px 0 0;font-size:50px;flex-wrap:wrap;height:fit-content}.skillnames{display:flex;justify-content:center;flex-wrap:wrap;gap:60px;margin-top:20px;height:fit-content;width:80vw;position:relative;z-index:5;pointer-events:all}.skilltool{width:80vw;display:flex;justify-content:center;align-self:center;flex-wrap:wrap;gap:60px;margin-top:80px;pointer-events:all}@media (max-width: 768px){.skillnames{gap:40px;margin-top:40px}.skilltool{gap:40px}}.techstack{height:100px;width:130px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:20px;position:relative;z-index:55}.tech{border:1px solid white;height:100%;width:300px;display:flex;justify-content:center;align-items:center;position:relative;z-index:55;transition:transform .9s}.tech h1{font-size:50px}.tech:hover{transform:scale(1.1);box-shadow:3px 3px 10px purple,-3px -3px 10px red}.tech:hover h1{filter:drop-shadow(0px 0px 10px rgb(228,2,228))}.project{position:relative;z-index:55;display:flex;justify-content:center;align-items:center;height:fit-content;flex-direction:column;width:98.7vw;padding:20px 0 80px;pointer-events:none;min-height:100vh}.project-heading{font-size:2.5rem;padding:0 20px}.project-container{display:flex;justify-content:center;gap:60px;pointer-events:none;flex-wrap:wrap}.projectdisplay{box-shadow:1px 1px 10px #740064,-1px -1px 10px #e70303;width:21rem;height:fit-content;border-radius:12px;-webkit-backdrop-filter:blur(.2px);backdrop-filter:blur(.2px);background-color:#d400ff17;margin-top:50px;padding:10px;transition:all .8s;pointer-events:all}.projectdisplay:hover{box-shadow:5px 5px 10px #f0d,-5px -5px 10px red;transform:scale(1.01)}.projectdisplay img{width:100%;height:fit-content;border-radius:12px;transform:translateZ(0)}.projectdisplay h1{font-size:25px;width:100%;text-align:center;font-weight:300;transform:translateZ(0)}.projectdisplay p{margin:0;font-weight:300;text-align:justify;font-size:15px}.projectdesc{margin:15px}.see-more-btn{margin-top:0;color:#c202e9;background:none;border:none;cursor:pointer;font-weight:500;padding:0}.see-more-btn:hover{text-decoration:underline}.buttons{width:100%;height:60px;display:flex;justify-content:center;align-items:center;gap:80px}.buttons .btn{width:30%;height:70%;border-radius:4px;background-color:#460142;box-shadow:1px 1px 10px #000}.buttons .btn div{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:22px}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors: active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--scale-factor));width:100%;min-width:calc(180px * var(--scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--scale-factor)) calc(5px * var(--scale-factor)) #888;border-radius:calc(2px * var(--scale-factor));padding:calc(6px * var(--scale-factor));margin-left:calc(5px * var(--scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--scale-factor));padding-top:calc(2px * var(--scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}.resume{position:relative;z-index:80;display:flex;justify-content:center;align-items:center;width:97.8vw;padding:50px 0;pointer-events:none;flex-direction:column;min-height:100vh}.pdf{pointer-events:all;margin-top:50px}.download{pointer-events:all;height:40px;width:250px;background-color:purple;border-radius:5px;display:flex;justify-content:center;align-items:center;color:#fff;text-decoration:none;box-shadow:2px 2px 5px #0eaa00,-2px -2px 5px #d10000;transition:all .4s}.download:hover{background-color:#9b019b;box-shadow:4px 4px 5px #0eaa00,-4px -4px 5px #d10000}.footer{width:99.5vw;height:60px;position:relative;z-index:77;margin:0;background-color:#85008518;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px)}footer{display:flex;justify-content:space-between;align-items:center}footer p{margin-left:20px;margin-right:20px}.logos{margin-right:20px;display:flex;justify-content:center;align-items:center;width:30%;gap:40px}.logos a{color:#fff;transition:all .5s}.logos a:hover{filter:drop-shadow(1px 1px 3px rgb(223,4,168));transform:translateY(-2px)}@media (max-width: 1103px){.footer{height:fit-content;font-size:14px}}