body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--tw-gradient-from:#9333ea;--tw-gradient-to:#3b82f6;background-color:#000;background:linear-gradient(90deg,#010311,#210938,#210937,#000105);box-sizing:border-box;color:#fff;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:inherit;margin:0;overflow-x:hidden}*,html{scroll-behavior:smooth}html::-webkit-scrollbar{width:.8vw!important}html::-webkit-scrollbar-thumb{background-image:linear-gradient(#aa66e9,#3b82f6);border-radius:100vw}html::-webkit-scrollbar-track{background:radial-gradient(#1b2735 0,#090a0f 100%)}#preloader{align-items:center;background-color:#000;display:flex;justify-content:center;min-height:700px;width:100%}#preloader img{height:400px;width:400px}.gradient{--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(to right,var(--tw-gradient-stops));color:#0000}a{color:#fff;text-decoration:none}ul{margin:0;padding:0}li{list-style:none}h3{color:#fff;cursor:default;font-size:3rem;font-weight:700;margin-bottom:0}h3 span:hover{animation:rubberband .8s ease-out;color:#d0bfff;display:inline-block}@keyframes rubberband{0%{transform:scale(1)}25%{transform:scale(1.3,.6)}50%{transform:scale(1.1,.9)}to{transform:scale(1)}}@media (max-width:785px){h3{font-size:2.5rem;font-weight:600}}@media (max-width:580px){h3{font-size:2.2rem;font-weight:600}}.navbarContainer{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#9333ea4d;border-radius:16px;display:flex;justify-content:space-between;margin:24px 4rem;padding:.5rem 2rem;position:-webkit-sticky;position:sticky;top:24px;z-index:10}.navbarContainer img{height:70px}.maxScreenSizeMenu{align-items:center;display:flex;gap:2.5rem;justify-content:space-between;scroll-behavior:smooth}.navbarContainer a{font-size:1.2rem;font-weight:600;line-height:1.75rem;opacity:.8;padding:7px 0;position:relative}.navbarContainer a:hover{cursor:pointer;opacity:1;scale:1.1;transition:all .3s}.navbarContainer a:after{background-color:#fff;border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;transition:all .2s;width:0}.navbarContainer a:hover:after{width:100%}.crossIcon,.dropdown_menu,.midScreenSizeMenu,.threeOutlineIcon{display:none!important}@media (max-width:785px){.maxScreenSizeMenu{display:none!important}.midScreenSizeMenu{align-items:center;display:flex!important;gap:2.5rem;justify-content:space-between}.iconsDisplay{font-size:1.5rem}.navbarContainer li{padding:1px}.navbarContainer a:after{height:2px}}@media (max-width:580px){.navbarContainer img{height:45px}.navbarContainer{margin:24px;padding:10px 1rem}.midScreenSizeMenu{display:none!important}.crossIcon,.threeOutlineIcon{display:block!important;font-size:25px}.dropdown_menu{align-items:center;animation:growDown .3s ease-in-out forwards;background-color:#351b57;border-radius:1.5rem;display:flex!important;flex-direction:column;gap:3rem;justify-content:space-evenly;left:0;padding:1.5rem 0;position:absolute;top:5rem;transform-origin:top center;width:100%}@keyframes growDown{0%{transform:scaleY(0)}80%{transform:scaleY(1.1)}to{transform:scaleY(1)}}.navbarContainer ul li{padding:5px}}.homeContainer{align-items:center;cursor:default;display:flex;height:calc(100vh - 134px);margin:3rem 6rem;min-height:450px}.homeContainer img{height:100vh;max-height:850px;min-width:520px;position:absolute;right:6rem;top:0}.homeContainer h1{font-size:inherit;font-weight:inherit;line-height:1.5;margin:0}.myName{font-size:3.2rem;font-weight:700;line-height:4rem;margin:0}.homeContainer h3{font-size:3rem;font-weight:inherit;line-height:4rem;margin:0}.homeInfoContainer{min-width:494px;position:relative;width:40%}.connectIconscontainer{align-items:center;display:flex;flex-direction:row!important;gap:1.5rem;margin-top:2rem}.connectIconsDisplay{font-size:40px}.connectIconsDisplay:hover{opacity:.5;transition:all .3s}.homeContainer .space{padding-right:10px}.homeInfoContainer img{display:none}@media (max-width:1220px){.homeInfoContainer{margin:auto}.homeContainer img{display:none}.homeInfoContainer img{display:block;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;max-height:none!important;min-width:200px!important;position:absolute;right:-80px;top:calc(100% - 140px);width:70%}.homeContainer .space{padding-right:5px}}@media (max-width:680px){.homeContainer{margin:2rem 6rem 3rem}.homeInfoContainer{min-width:300px!important}.homeContainer h3{font-size:1.8rem;line-height:1.3}.myName{font-size:2.2rem;line-height:1.3}.connectIconsDisplay{font-size:1.5rem}.connectIconscontainer{gap:1rem;margin-top:1rem}.homeInfoContainer img{right:auto;top:100%}}@media (max-width:580px){.homeContainer{margin:2rem 20px 3rem}}.aboutContainerWrapper{margin:3rem 6rem 2rem;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;padding-top:2rem}.aboutContainerWrapper h3{padding:3rem 0 2rem}.aboutContainer{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:space-between;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;min-height:60vh;position:relative!important}.tiltEffect{min-width:300px;transition:all .2s;width:48%}.aboutIllustration{width:100%}.floatingAnimation{animation:movebounce 3s linear infinite}@keyframes movebounce{0%{transform:translateY(0)}50%{transform:translateY(20px)}to{transform:translateY(0)}}.aboutSectionText{font-size:20px;font-weight:500;letter-spacing:1.2px;line-height:30px;margin:0;width:max(50%,600px)}.highlightText{color:#8061d5;transition:all .5s}.highlightText:hover{color:#d0bfff}@media (max-width:1040px){.aboutContainer{flex-direction:column}.aboutSectionText{padding:0 2rem;width:max(85%,250px)}}@media (max-width:580px){.aboutContainerWrapper{margin:2rem 40px 3rem}.aboutSectionText{font-size:16px;letter-spacing:.6px;line-height:24px;padding:0;width:-webkit-fit-content!important;width:-moz-fit-content!important;width:fit-content!important}}.skillsContainerWrapper{margin:3rem 6rem 2rem;padding-top:2rem}.skillsContainer h3{padding:3rem 0 2rem;text-align:center}.skillsContainer .space{margin-left:15px}.skillsBox{flex-wrap:wrap;margin:2rem 10%}.skillIconContainer,.skillsBox{align-items:center;display:flex;justify-content:center}.skillIconContainer{border:.5px solid #d0bfff;border-radius:5px;font-size:65px;margin:1.2rem 1rem;opacity:1;padding:2.2rem;position:relative}.iconTitleContainer{align-items:center;background:linear-gradient(0deg,#ffffff4d,#fff0);bottom:0;display:flex;height:0;justify-content:center;left:0;overflow:hidden;position:absolute;text-align:center;transition:all .5s;width:100%}.skillIconContainer:hover .reactIcon{visibility:hidden}.skillIconContainer:hover .iconTitleContainer{height:100%}.skillIconContainer .iconTitleContainer .iconTitle{font-size:18px;font-weight:500;visibility:hidden}.skillIconContainer:hover .iconTitleContainer .iconTitle{visibility:visible}@media (max-width:785px){.skillsBox{margin:2rem 8%}}@media (max-width:609px){.skillsBox{margin:2rem 1px}.skillIconContainer{font-size:50px;margin:1rem .5rem;padding:1.5rem}.skillIconContainer:hover .iconTitleContainer{font-size:15px}}@media (max-width:580px){.skillsContainerWrapper{margin:2rem 40px 3rem}.skillsContainer .space{display:block}.skillIconContainer .iconTitleContainer .iconTitle{font-size:14px;font-weight:500;visibility:hidden}}.footerContainer{align-items:center;border-top:1px solid #6b7280;display:flex;justify-content:space-between;margin:3rem 6rem 0;padding:1.5rem 0}.footerContainer p{color:#6b7280}.footerIconsContainer{display:flex;flex-direction:row;font-size:20px;gap:1.2rem}.footerIcons:hover{opacity:.5;transition:all .3s}@media (max-width:580px){.footerContainer{align-items:center;display:flex;flex-direction:column;margin:2rem 40px 0}}.resumeContainer{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:50px auto;width:50%}.myResume{padding-bottom:50px}.downloadButton{border:1px solid #fff;border-radius:15px;color:#fff;padding:1rem 2rem}.downloadButton:hover{--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);background-image:linear-gradient(to right,var(--tw-gradient-stops));border:1px solid #0000;transition:all .5s ease-in-out}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000;--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 .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-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{height:100%;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;margin:0;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:none;outline:var(--link-outline)}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;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 .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):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 .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{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;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--scale-factor));min-width:calc(180px*var(--scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--scale-factor));box-shadow:0 calc(2px*var(--scale-factor)) calc(5px*var(--scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--scale-factor));max-width:calc(180px*var(--scale-factor));padding:calc(6px*var(--scale-factor));pointer-events:auto;position:absolute;white-space:normal}.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 #333;margin-top:calc(2px*var(--scale-factor));padding-top:calc(2px*var(--scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:#0000;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;inset:0;line-height:1;overflow:hidden;position:absolute;text-align:left;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:#0000;cursor:text;margin:0;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400;background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:#0000}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer .endOfContent.active{top:0}.contactContainerWrapper{align-items:center;display:flex;flex-direction:row;height:60vh;justify-content:space-evenly;margin:3rem 6rem 2rem;min-height:400px;padding-top:2rem;position:relative}.contactContainerWrapper img{min-width:300px;width:32%}.contactInfoContainer{display:flex;flex-direction:column;gap:10px;min-width:470px;width:40%}.contactContainerWrapper h2{font-size:3rem;font-weight:700;margin:0}.contactContainerWrapper p{font-size:1.5rem;line-height:1.2}.contactSectionMailIcon{font-size:26px;margin-bottom:-5px}.contactInfoContainer a{border:1px solid #fff;border-radius:15px;color:#fff;padding:1rem 2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contactInfoContainer a:hover{--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);background-image:linear-gradient(to right,var(--tw-gradient-stops));border:1px solid #0000;transition:all .5s ease-in-out}@media (max-width:990px){.contactContainerWrapper img{bottom:32px;min-width:115px;min-width:100px;position:absolute;right:0;width:30%}}@media (max-width:675px){.contactContainerWrapper h2{font-size:2.4rem}.contactInfoContainer p{font-size:20px}.contactInfoContainer{min-width:280px;width:100%}.contactContainerWrapper img{display:none}}@media (max-width:580px){.contactContainerWrapper{margin:2rem 40px 3rem}.contactContainerWrapper h2{font-size:2rem}.contactInfoContainer p{font-size:15px}.contactInfoContainer a{padding:1rem}}.projectCard{flex-direction:column;margin:30px auto;padding:20px;position:relative;transition:.25s ease}.projectCard,.projectImageContainer{border-radius:10px;display:flex;width:300px}.projectImageContainer{background-color:hsla(0,0%,96%,.266);height:196px;position:relative!important}.projectCard img{border-radius:10px;margin:auto;transition:.25s ease;width:280px}.viewIcon{display:none}.projectImageContainer:hover img{opacity:.8;scale:1.1}.projectImageContainer:hover .viewIcon{background-color:rgba(195,190,206,.765);border-radius:10px;display:block!important;font-size:25px;left:45%;opacity:.8;padding:5px;position:absolute!important;top:calc(100% - 110px)}.projectInfo{align-items:center;display:flex;justify-content:space-between}.projectInfo h2{color:#fafafa;font-weight:500}.githubIcon{font-size:25px}.githubIcon:hover{opacity:.5!important}.githubIcon:hover .viewIcon{display:none}.projectCard p{color:#d6d6d6b3;font-size:15px;font-weight:400;line-height:inherit;margin-top:0}.projectContainerWrapper{margin:3rem 6rem 2rem;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;min-height:80vh;padding-top:2rem}.projectContainerWrapper h3{padding:3rem 0 2rem}.projectCardContainer{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);padding:0 .5%}@media (max-width:1290px){.projectCardContainer{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.projectCardContainer{grid-template-columns:repeat(1,1fr);padding:0}}@media (max-width:580px){.projectContainerWrapper{margin:2rem 40px 3rem}}@media (max-width:430px){.projectCard{padding:0;width:260px}.projectImageContainer{height:170px!important;width:260px!important}.projectCardContainer{gap:0}.projectCard img{width:240px}}
/*# sourceMappingURL=main.47e2a2bd.css.map*/