:root{--foreground-rgb: 0, 0, 0;--background-start-rgb: 214, 219, 220;--background-end-rgb: 255, 255, 255;--font-sans: "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono: "Fira Code", "JetBrains Mono", "Courier New", monospace}@media (prefers-color-scheme: dark){:root{--foreground-rgb: 255, 255, 255}}body{color:rgb(var(--foreground-rgb));background:linear-gradient(360deg,#1c1c1c 10%,#494949 360%);margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:#fdfdfd;background-color:#1e1e1e;font-feature-settings:"liga" on,"calt" on;-webkit-font-smoothing:antialiased}p{margin:0}.backgroundOverlay{position:fixed;height:100%;width:100%;z-index:-1;background-color:#00000080;-webkit-backdrop-filter:blur(200px);backdrop-filter:blur(200px);transition:all .5s cubic-bezier(.23,1,.32,1)}.hoverUnderlineAnimation{display:inline-block;position:relative}.hoverUnderlineAnimation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;transform-origin:bottom right;transition:transform .25s ease-out}.hoverUnderlineAnimation:hover:after{transform:scaleX(1);transform-origin:bottom left}section{position:fixed;z-index:-2;top:0;width:100%;height:100%}::-webkit-scrollbar{width:0px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:gray;border-radius:20px;border:6px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#a8bbbf}.example::-webkit-scrollbar{display:none}.example{-ms-overflow-style:none;scrollbar-width:none}li{margin-top:2%}@media (max-width: 768px){#bg-wrap{height:100%}#bg-wrap svg{height:100%}}.window{max-height:100vh;height:100vh;width:100vw;max-width:100vw;overflow-x:hidden;overflow-y:auto}.pageContent{padding-top:max(8vh,50px)}.homePageContainer{width:100%;height:100%}.welcomeBlockContainer{display:flex;justify-content:center;align-items:center;margin-bottom:5%}.welcomeBlock{width:75%;margin:50px auto auto;text-align:center}.name{font-weight:700;font-size:400%}.description{font-size:150%;color:#d3d3d3}.vueColors{background:-webkit-linear-gradient(315deg,#42d392 25%,#647eff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hoverUnderlineAnimation.vueColors:after{background:-webkit-linear-gradient(315deg,#42d392 25%,#647eff)}.angularColors{background:-webkit-linear-gradient(315deg,#dd1b16 25%,#b3b3b3);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hoverUnderlineAnimation.angularColors:after{background:-webkit-linear-gradient(315deg,#dd1b16 25%,#b3b3b3)}.reactColors{background:-webkit-linear-gradient(315deg,#149dca 55%,white);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hoverUnderlineAnimation.reactColors:after{background:-webkit-linear-gradient(315deg,#149dca 55%,white)}.netColors{background:-webkit-linear-gradient(315deg,#3d2a82 1%,white);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hoverUnderlineAnimation.netColors:after{background:-webkit-linear-gradient(315deg,#3d2a82 1%,white)}.mongoColors{background:-webkit-linear-gradient(115deg,#25a315 1%,white);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hoverUnderlineAnimation.mongoColors:after{background:-webkit-linear-gradient(115deg,#25a315 1%,white)}.azureColors{background:-webkit-linear-gradient(115deg,#007fff 1%,white);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hoverUnderlineAnimation.azureColors:after{background:-webkit-linear-gradient(115deg,#007fff 1%,white)}.amazonColors{background:-webkit-linear-gradient(315deg,#f90 55%,white);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hoverUnderlineAnimation.amazonColors:after{background:-webkit-linear-gradient(315deg,#f90 55%,white)}.navBarColors{background:-webkit-linear-gradient(315deg,white 55%,white);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hoverUnderlineAnimation.navBarColors:after{background:-webkit-linear-gradient(315deg,white 55%,white)}.skillsAndFrameWorks{display:flex}.title{text-align:center;font-weight:400;font-size:200%}.imageRow{padding-top:5%;display:flex;flex-wrap:wrap;justify-content:space-evenly}.skillContainer{width:80px}.skillName{padding-top:5%;text-align:center}.skillImage{display:block;max-width:80px;max-height:80px;width:auto;height:auto;margin:auto}.skillImageContainer{display:flex;justify-content:center;height:80px}.longButton{width:20%;display:flex;justify-content:center;border-radius:100vh;background-color:#ffffff26;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-align:center;align-items:center;color:#fff;padding:1%;cursor:pointer;transition:all .3s}.longButton:hover{transform:scale(1.1)}.buttonText{font-size:1.5rem;margin:0}.buttonContainer{display:flex;width:100%;justify-content:center;align-items:center;padding-top:2%;gap:max(5vw,20px)}.buttonContainer .longButton{width:50%}.pairedText span{white-space:nowrap}@media (max-width: 768px){.buttonContainer{flex-direction:column}.buttonContainer .longButton{width:80%}.buttonText{font-size:max(4vw,20px)}.welcomeBlock{margin-top:5vh;width:90%;margin-bottom:5%}.welcomeBlockContainer{height:80%;margin-bottom:2%}.name{font-size:10vw;margin-bottom:5%;line-height:1.2}.description{font-size:min(150%,5vw)}}@media (max-width: 400px){.description{font-size:min(150%,4.2vw)}}.skillsCard{position:relative;align-items:center;justify-content:center;width:50vw;background-color:#00000040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 3px 10px #0003;padding:2vw;overflow:hidden;border-radius:10px;border:2px rgba(0,0,0,.25);transition:all .5s cubic-bezier(.23,1,.32,1);margin:2vw}.sectionHeader{text-align:center;font-weight:700;font-size:400%}.whiteHover:hover{box-shadow:0 0 20px #fff;border-color:#fff}.skillContainer{transition:all .2s}.skillContainer:hover{transform:scale(1.1)}@media (max-width: 768px){.sectionHeader{font-size:200%}.skillsAndFrameWorks{display:block}.skillsCard{margin:auto auto 5%;width:90%}}.projectsContainer{display:flex;width:100%;justify-content:center}.fiftyPercentOfContainer{display:flex;justify-content:center;width:50%}.projectsSectionHeader{padding:2%;width:100%;align-items:center;display:flex;font-weight:700;font-size:400%}p.subTitle{padding-bottom:1%}@media (max-width: 768px){.projectsSectionHeader{font-size:200%}.projectsContainer{display:block}.fiftyPercentOfContainer{width:100%;display:block}p.heading,p.subTitle{display:flex;align-items:center;justify-content:center;text-align:center;width:100%}p.subTitle{padding-bottom:2%}p.para{text-align:center}.flexItem{display:flex}}.card{position:relative;display:flex;align-items:center;justify-content:center;background-color:#00000040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 3px 10px #0003;padding:2vw;overflow:hidden;border-radius:10px;border:2px rgba(0,0,0,.25);transition:all .5s cubic-bezier(.23,1,.32,1);margin:0 20px 20px;width:90%;flex:1}.projectIcon{display:flex;align-items:center;justify-content:center;height:100%;width:30%}.projectText{height:100%;width:100%}.content{display:flex;flex-direction:row;align-items:center;color:#e8e8e8;width:100%;transition:all .5s cubic-bezier(.23,1,.32,1)}.content .heading{font-weight:700;font-size:32px}.content .icon{font-size:5vw}.content .para{line-height:1.5}.content .btn{color:#e8e8e8;text-decoration:none;padding:10px;font-weight:600;border:none;cursor:pointer;background:#0974f1;border-radius:5px;box-shadow:0 5px 10px #0003}.purple:hover{box-shadow:0 0 20px #721397;border-color:purple}.hover-underline-animation{display:inline-block;position:relative;color:#0974f1}.purpleGradient{background:-webkit-linear-gradient(315deg,#ff2dff .1%,white);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.purpleGradient:after{background:-webkit-linear-gradient(315deg,#800080 1%,white)}.whiteGradient{background:-webkit-linear-gradient(315deg,white .1%,white);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:white}.whiteGradient:after{background:-webkit-linear-gradient(315deg,white 1%,white)}.greenGradient{background:-webkit-linear-gradient(315deg,#139725 .1%,white);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.greenGradient:after{background:-webkit-linear-gradient(315deg,#139725 1%,white)}.hover-underline-animation:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:0;left:0;background-color:#0974f1;transform-origin:bottom right;transition:transform .25s ease-out}.hover-underline-animation:hover:after{transform:scaleX(1);transform-origin:bottom left}.content .btn:hover{outline:2px solid #e8e8e8;background:transparent;color:#e8e8e8}.content .btn:active{box-shadow:none}.projectDescriptionAndLinks{display:flex;flex-direction:column;justify-content:space-between}.flexItem{height:33%}a{color:#0974f1;display:block;text-decoration:none}.centered{display:flex;align-items:center;justify-content:center}hr.rounded{border-radius:5px;margin-top:12px;margin-bottom:12px}.projectAndCodeButtons{justify-content:space-evenly}.projectAndCodeButtons .longButton{width:40%;font-weight:500}.subTitle{color:#d3d3d3}.projectsSectionHeader{justify-content:center}@media (max-width: 768px){.projectIcon{display:none}.card{margin:0 auto 5%}.longButton.white{background:#fff3;margin:5% 2%}.divider{display:none}.projectAndCodeButtons{margin-top:20px;margin-bottom:15px}}.contactCard{width:80%;height:fit-content;background-color:#00000040;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;margin:auto;margin-top:8vh;border-radius:8px;-webkit-box-shadow:20px 20px 22px rgba(0,0,0,.2);box-shadow:20px 20px 22px #0003;align-items:center;display:flex}.contactCardImageContainer{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin:2%}.contactCard-img{border-radius:50%;margin:auto;display:inline;box-shadow:20px 20px 22px #0003;width:60%}.desc{width:100%;position:relative;margin-bottom:5%}.primary-text{color:#d5d5d5;font-size:70px;font-weight:600;letter-spacing:.7px;margin:0}.secondary-text{color:silver;font-weight:400;font-size:24px;letter-spacing:1px;margin:0}.contactCardColors{background:-webkit-linear-gradient(315deg,#c0c0c0 55%,#c0c0c0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hoverUnderlineAnimation.contactCardColors:after{background:-webkit-linear-gradient(315deg,#c0c0c0 55%,#c0c0c0)}.glassy{background-color:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;width:90%;padding:15px 0;position:relative;border-radius:5px;outline:none;text-align:center;margin:auto auto 5%}.details{display:-ms-grid;display:grid;width:100%;height:70px;padding:5px 0;-ms-grid-columns:auto auto;grid-template-columns:auto auto;background-color:#ffffff0f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;bottom:0;border-radius:0 0 8px 8px}.details>div{text-align:center}.details>div:first-child{border-right:2px solid rgba(255,255,255,.08)}.contactInfoIcon{width:5%}@media (max-width: 768px){.contactCard{width:90%;height:fit-content;display:block;padding-bottom:5%;margin-top:10%}.contactCardImageContainer{height:60%}.contactCard-img{width:60%;margin-top:10%}.desc{text-align:center}.primary-text{font-size:40px}.secondary-text{font-size:18px}}.navBar{position:fixed;width:100%;top:0;height:max(8vh,50px);background-color:#00000040;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;border-bottom-left-radius:2px;border-bottom-right-radius:2px;z-index:100}.navBarTitle{display:flex;align-items:center;justify-content:left;font-weight:700;font-size:32px;cursor:pointer}.menu-items li{list-style:none}input[type=checkbox]{display:none}.navBarTitleContainer{display:flex;align-items:center;justify-content:right;width:100%;margin-right:20px}.hamburger-lines{height:26px;width:32px;z-index:2;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.hamburger-lines .line{display:block;height:4px;width:100%;border-radius:10px;background:#fff}.hamburger-lines .line1{transform-origin:0% 0%;transition:transform .2s ease-in-out}.hamburger-lines .line2{transition:transform .2s ease-in-out}.hamburger-lines .line3{transform-origin:0% 100%;transition:transform .2s ease-in-out}.menu-items{position:fixed;padding-top:max(8vh,50px);background-color:#00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:100vh;width:10%;min-width:250px;transform:translate(-150%);display:flex;flex-direction:column;align-items:left;transition:transform .2s ease-in-out;z-index:5;margin:0;padding-left:20px}.menu-items a{text-decoration:none;color:#fff;font-size:1.5rem;font-weight:500;cursor:pointer;margin-bottom:1rem}input[type=checkbox]:checked~.hamburger-lines .line1{transform:rotate(45deg)}input[type=checkbox]:checked~.hamburger-lines .line2{transform:scaleY(0)}input[type=checkbox]:checked~.hamburger-lines .line3{transform:rotate(-45deg)}.nav-container{display:flex;align-items:center;height:100%;margin-left:20px}