*{box-sizing:border-box;padding:0}*,body{margin:0}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}:root{box-sizing:border-box;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{width:100%}p{font-size:1.5em;font-weight:300;line-height:1.5em;text-indent:2em}.App{background-attachment:fixed;background-image:linear-gradient(315deg,#1b3146,#384b5e);background-repeat:no-repeat;background-size:cover;gap:1em;height:100vh;justify-content:center;margin:auto;width:100%}.App,.App .mainContainer{align-items:center;display:flex;position:relative}.App .mainContainer{flex-direction:column;margin-right:1em;margin-top:2em;transition:all .2s ease-out;width:auto}.App .mainContainer .infoContainer{background-color:#384b5e;border-radius:15px;box-shadow:2px 2px 5px #00000080;height:85vh;margin-top:2em;position:relative;transition:all .2s ease-out;width:100%;z-index:1}.App .mainContainer .infoContainer:after{border-radius:15px;bottom:0;box-shadow:inset 0 0 5px #fffc;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.App .mainContainer .infoContainer .infoContainerInner{align-items:center;border-radius:15px;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:scroll;position:relative;scroll-behavior:smooth;width:100%}@media screen and (max-width:600px){.App{flex-direction:column}.App .mainContainer{flex:1 1;margin-right:0;margin-top:1em;min-height:0;padding:0 .5em;width:100%}.App .mainContainer .infoContainer{border-radius:10px;height:calc(100% - 7em);margin-bottom:5.5em}.App .mainContainer .infoContainer:after{border-radius:10px}.App .mainContainer .infoContainer .infoContainerInner{border-radius:10px;padding-bottom:1em}}.projectsSection{align-items:center;display:flex;flex-direction:column;gap:2em;margin-top:5em;min-height:90vh;padding:1em;position:relative;width:100%}.projectsSection .projectsTitle{margin-left:1em;width:100%}.projectsSection .projectsContainer{grid-gap:1em;color:#6f6f6f;color:#be8adc;display:grid;gap:1em;grid-auto-rows:150px;grid-template-columns:repeat(3,1fr);position:relative;width:100%}@media screen and (max-width:600px){.projectsSection{gap:1.5em;margin-top:2em;min-height:auto;padding:1em .5em}.projectsSection .projectsTitle{font-size:1.8em;margin-left:0;text-align:center}.projectsSection .projectsContainer{grid-gap:.75em;display:grid;gap:.75em;grid-auto-rows:100px;grid-template-columns:repeat(2,1fr);padding:0 .5em;width:100%}}.projectPreview{align-items:center;border-radius:10px;box-shadow:2px 2px 5px #00000080,inset 0 0 5px #fffc;display:flex;justify-content:center;opacity:.7;transition:all .3s cubic-bezier(.1,-.6,.3,1.6);width:100%}.projectPreview:hover{cursor:pointer;opacity:1;transform:scale(1.02)}.projectPreview h2{color:#fff;font-family:Anton,sans-serif;font-size:1.2em;text-align:center;text-shadow:1px 1px 2px #000c;width:80%}@media screen and (max-width:600px){.projectPreview{border-radius:8px;opacity:.85}.projectPreview h2{font-size:.9em;line-height:1.2;width:90%}}.titleContainer{align-items:center;display:flex;height:auto;justify-content:space-between;position:relative;width:100%;z-index:2}.titleContainer .title{animation:titleAnimation .5s ease-in-out;color:#49c4f9;font-size:3em;left:0;margin:0 0 0 .4em;text-transform:capitalize;transform:translateY(14px);z-index:10}.titleContainer .resume,.titleContainer .title{font-family:Sigmar,cursive;padding:0;position:absolute;text-shadow:1px 1px 2px #000c}.titleContainer .resume{color:#fff;cursor:pointer;font-size:1.2em;margin:0 .8em 0 0;right:0;text-decoration:none;transform:translateY(25px);transition:all .15s ease-in-out;z-index:11}.titleContainer .resume:hover{color:#49c4f9}.titleContainer .titleFadeOut{animation:titleOut 2.15s ease-in-out}.titleContainer.hidden .resume,.titleContainer.hidden .title{opacity:0;transform:translateY(50px)}@keyframes titleAnimation{0%{opacity:0;transform:translateY(50px)}25%{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(14px)}}@keyframes titleOut{0%{opacity:1;transform:translateY(14px)}50%{opacity:0;transform:translateY(50px)}to{opacity:0;transform:translateY(50px)}}@media screen and (max-width:600px){.titleContainer .title{font-size:2em;margin-left:.2em;transform:translateY(20px)}}.navLinks{align-items:center;background-color:#384b5e;border-bottom-right-radius:1em;border-top-right-radius:1em;box-shadow:2px 2px 5px #00000080,inset 0 0 5px #fffc;display:flex;flex-direction:column;gap:2em;min-width:6em;overflow:hidden;padding:2em;z-index:100}.navLinks.hidden{pointer-events:none}.navLinks .navLink{align-items:center;background-color:#0000;border:none;color:#fff;display:flex;flex-direction:column;gap:5px;height:auto;justify-content:flex-start;text-decoration:none;transition:all .3s ease-in-out;width:100%}.navLinks .navLink.hero{margin-top:0}.navLinks .navLink:hover{color:#49c4f9;cursor:pointer}.navLinks .navLink span{font-size:.9em;font-weight:100;transition:all .3s ease-in-out}@media screen and (max-width:600px){.navLinks{border-radius:1em;bottom:.5em;flex-direction:row;gap:1.5em;left:50%;padding:.8em 1.5em;position:fixed;transform:translateX(-50%);width:auto}.navLinks.hidden{pointer-events:none}.navLinks .navLink{gap:3px}.navLinks .navLink svg{height:20px;width:20px}.navLinks .navLink span{font-size:.75em}}.footerContainer{align-items:center;display:flex;height:50px;justify-content:flex-end;width:95%}.footerContainer .linksContainer{align-items:center;display:flex;gap:10px;justify-content:space-around;width:20%}.footerContainer .linksContainer .logo{transition:all .2s ease-out}.footerContainer .linksContainer .logo:hover{transform:scale(1.25)}.footerContainer .linksContainer .logo svg{width:30px}.footerContainer .linksContainer .logo .github path{fill:#fff;stroke:#fff}.footerContainer .linksContainer .logo .linkedin .background{fill:#0000}.footerContainer .linksContainer .logo .mail .background{fill:#0000;stroke:#0000;stroke-width:5}.footerContainer .linksContainer .logo .mail .triangle-shadow{fill:#0000}.footerContainer .linksContainer .logo .mail .zig-zag{fill:#fff}@media screen and (max-width:600px){.footerContainer{display:none;width:80%}}.hero.section{display:flex;justify-content:flex-start;min-height:85vh;position:relative;width:100%}.hero.section .leftSide{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1em;width:60%;z-index:2}.hero.section .leftSide .header{color:#fff;font-size:5em;line-height:1.2em;margin:0;text-align:center;text-shadow:1px 1px 2px #000c}.hero.section .leftSide .subHeader{color:#49c4f9;font-size:1.5em;margin:0;text-shadow:1px 1px 2px #000c}.hero.section .leftSide .skillsContainer{display:flex;flex-wrap:wrap;gap:1em;justify-content:center;margin-top:2em;width:70%}.hero.section .leftSide .skillsContainer .skill{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:5px;box-shadow:2px 2px 5px #00000080,inset 0 0 2px #ffffff80;padding:.5em}.hero.section .leftSide .skillsContainer .skill.html{background-color:#384b5e}.hero.section .leftSide .skillsContainer .skill.css{background-color:#1b3146}.hero.section .leftSide .skillsContainer .skill.javascript{background-color:#49c4f980}.hero.section .leftSide .skillsContainer .skill.react{background-color:#384b5e}.hero.section .leftSide .skillsContainer .skill.swiftui{background-color:#49c4f980}.hero.section .leftSide .skillsContainer .skill.python{background-color:#1b3146}.hero.section .leftSide .skillsContainer .skill.flask{background-color:#49c4f980}.hero.section .leftSide .skillsContainer .skill p{color:#fff;font-size:1em;font-weight:600;line-height:normal;margin:0;text-indent:0}.hero.section .rightSide{align-items:flex-end;bottom:0;display:flex;justify-content:flex-end;position:absolute;right:0;transform:translateY(5rem);width:55%}.hero.section .rightSide .caricature,.hero.section .rightSide .ty{filter:drop-shadow(0 0 5px #666666);max-width:100%;width:100%}.hero.section .rightSide .caricature{position:absolute}@media screen and (max-width:900px){.hero.section{flex-direction:column}.hero.section .leftSide{height:50%;left:0;position:absolute;top:0;width:100%}.hero.section .leftSide .header{font-size:3em;text-align:center}.hero.section .leftSide .subHeader{font-size:1.3em;text-align:center}.hero.section .leftSide .skillsContainer{width:100%}.hero.section .rightSide{margin:auto;width:80%}.hero.section .rightSide .ty{min-width:auto;width:100%}}@media screen and (max-width:600px){.hero.section .leftSide{height:50%;left:0;position:absolute;top:0;width:100%}.hero.section .leftSide .header{font-size:3em;text-align:center}.hero.section .leftSide .subHeader{font-size:1.3em;text-align:center}.hero.section .leftSide .skillsContainer,.hero.section .rightSide{width:100%}.hero.section .rightSide .ty{min-width:auto;width:100%}}.section2{display:flex;filter:drop-shadow(0 0 10px rgba(0,0,0,.4666666667));gap:2em;height:auto;justify-content:space-between;max-width:100%;padding-top:20em;position:relative}.section2 .backgroundWaves{height:100%;left:0;overflow:visible;position:absolute;top:0;width:100%;z-index:-1}.section2 .backgroundWaves .bgWave{-webkit-backdrop-filter:drop-shadow(0 0 5px rgba(0,0,0,.467));backdrop-filter:drop-shadow(0 0 5px rgba(0,0,0,.467));height:auto;position:absolute;will-change:transform}.section2 .leftSide{border-bottom-right-radius:1em;border-top-right-radius:1em;height:auto;overflow:hidden;width:40%}.section2 .leftSide .me{height:auto;width:100%}.section2 .rightSide{color:#fff;padding:2em;width:50%}@media screen and (max-width:600px){.section2{align-items:center;flex-direction:column;gap:1.5em;height:auto;min-height:auto;padding-bottom:2em;padding-top:12em;width:100%}.section2 .backgroundWaves{transform:translateX(-200px)}.section2 .leftSide{border-radius:1em;width:80%}.section2 .leftSide img{height:auto;width:100%}.section2 .rightSide{padding:1em 1.5em;text-align:center;width:100%}.section2 .rightSide .header{font-size:1.8em;margin-bottom:.5em}.section2 .rightSide p{font-size:.95em;line-height:1.6}}.section3{background:linear-gradient(#1b3146,#384b5e);display:flex;gap:2em;margin-top:5em;min-height:80vh;position:relative}.section3 .rightSide{bottom:-10%;position:absolute;right:0;width:70%}.section3 .rightSide .uvm{width:100%}.section3 .leftSide{color:#fff;padding:2em;width:50%;z-index:2}.section3 .leftSide .paragraph{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#384b5eb3;border-radius:10px;padding:2rem}@media screen and (max-width:600px){.section3{align-items:center;flex-direction:column;margin-top:2em;min-height:auto;padding:2em 0 20em;width:100%}.section3 .leftSide{padding:1em 1.5em;text-align:center;width:100%}.section3 .leftSide .header{font-size:1.8em;margin-bottom:.5em}.section3 .leftSide .paragraph{font-size:.95em;line-height:1.6;padding:1.2em}.section3 .rightSide{transform:translateX(15%);width:150%}}.contactContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:5rem 0;min-height:30vh;width:50%}.contactContainer .heading{margin:0}.contactContainer .subheading{color:#fff;margin:1rem 0}.contactContainer .buttonContainer{align-items:center;display:flex;justify-content:space-around;margin-top:2rem;width:40%}.contactContainer .buttonContainer .contactButton{background-color:#49c4f9;border:2px solid #1b3146;border-radius:100px;box-shadow:2px 2px 5px #00000080;color:#1b3146;font-weight:700;padding:.5rem 2rem;text-decoration:none;transition:all .2s ease-in-out}.contactContainer .buttonContainer .contactButton:hover{cursor:pointer;transform:scale(1.1)}@media screen and (max-width:600px){.contactContainer{width:90%}.contactContainer .heading{text-align:center}.contactContainer .buttonContainer{width:100%}}.projectOverlay{min-height:100%;padding:2rem;width:100%}.projectOverlay .projectOverlayContent{animation:fadeSlideIn .5s ease-out .5s forwards;display:flex;gap:3rem;min-height:100%;opacity:0;padding:3rem}.projectOverlay .imageSection{display:flex;flex:1 1;flex-direction:column;gap:1rem}.projectOverlay .imageSection .mainImageContainer{align-items:center;background-color:#0003;border-radius:10px;display:flex;flex:1 1;justify-content:center;overflow:hidden}.projectOverlay .imageSection .mainImageContainer .mainImage{max-height:60vh;max-width:100%;object-fit:contain}.projectOverlay .imageSection .thumbnailRow{display:flex;gap:.5rem;justify-content:center}.projectOverlay .imageSection .thumbnailRow .thumbnail{border:2px solid #0000;border-radius:5px;cursor:pointer;height:60px;object-fit:cover;opacity:.6;transition:all .15s ease-in-out;width:80px}.projectOverlay .imageSection .thumbnailRow .thumbnail:hover{opacity:.8}.projectOverlay .imageSection .thumbnailRow .thumbnail.active{border-color:#49c4f9;opacity:1}.projectOverlay .infoSection{color:#fff;display:flex;flex:1 1;flex-direction:column}.projectOverlay .infoSection .title{font-family:Sigmar,cursive;font-size:2.5rem;margin:0 0 1rem;text-shadow:1px 1px 2px #000c}.projectOverlay .infoSection .description{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.projectOverlay .infoSection .techStack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.projectOverlay .infoSection .techStack .techTag{background-color:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#49c4f9;font-size:.9rem;padding:.4rem .8rem}.projectOverlay .infoSection .links{display:flex;gap:1rem;margin-top:auto}.projectOverlay .infoSection .links .link{align-items:center;background-color:#ffffff1a;border-radius:8px;color:#fff;display:flex;gap:.5rem;padding:.6rem 1.2rem;text-decoration:none;transition:all .15s ease-in-out}.projectOverlay .infoSection .links .link:hover{background-color:#fff3;color:#49c4f9}@media screen and (max-width:600px){.projectOverlay .projectOverlayContent{flex-direction:column;padding:1.5rem}.projectOverlay .imageSection .mainImageContainer .mainImage{max-height:40vh}.projectOverlay .imageSection .thumbnailRow .thumbnail{height:45px;width:60px}.projectOverlay .infoSection .title{font-size:1.8rem}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{color:#49c4f9;font-family:Sigmar,cursive;text-shadow:1px 1px 2px #000c}.projectHeaderContainer{align-items:center;display:flex;height:auto;justify-content:space-between;opacity:0;pointer-events:none;position:relative;width:100%;z-index:10}.projectHeaderContainer.visible{opacity:1;pointer-events:auto}.projectHeaderContainer .backButton{align-items:center;background:#0000;border:none;color:#49c4f9;cursor:pointer;display:flex;font-family:Sigmar,cursive;font-size:1.2em;gap:.5em;left:0;margin-left:.8em;position:absolute;text-shadow:1px 1px 2px #000c;transform:translateY(25px);transition:all .15s ease-in-out;z-index:11}.projectHeaderContainer .backButton:hover{color:#fff}.projectHeaderContainer .projectTitle{color:#fff;font-family:Sigmar,cursive;font-size:1.2em;margin:0 .8em 0 0;padding:0;position:absolute;right:0;text-shadow:1px 1px 2px #000c;transform:translateY(25px);z-index:11}
/*# sourceMappingURL=main.dc535371.css.map*/