body{margin:0;background-color:#393636cc;color:#fff;scroll-behavior:smooth}.hero-container{position:relative;height:100vh;width:100%;background:#1a1919;color:#fff;overflow:hidden;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1}.hero-content{z-index:2;padding:2rem}.hero-content-top{font-family:Montserrat,sans-serif;font-weight:600;font-size:8vw}.hero-content-bottom{font-family:Montserrat,sans-serif;font-weight:400;font-size:3vw;white-space:nowrap;overflow:hidden;text-align:center}.typewrite>.wrap{border-right:.08em solid #fff;display:inline-block;transition:all .2s ease-in-out}a{text-decoration:none}a:visited{color:inherit;text-decoration:none}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:28px;height:55px;border:2px solid #fff;border-radius:20px;display:flex;align-items:flex-start;justify-content:center;padding:4px;z-index:2}.scroll-dot{width:6px;height:6px;background-color:#fff;border-radius:50%;animation:scrollDown 2s infinite ease-in-out}@keyframes scrollDown{0%{transform:translateY(10px);opacity:1}50%{transform:translateY(30px);opacity:.3}to{transform:translateY(10px);opacity:1}}@media only screen and (max-width: 950px){.hero-content-bottom{font-family:Montserrat,sans-serif;font-weight:400;font-size:3.5vw;white-space:nowrap;overflow:hidden;text-align:center}}@media only screen and (max-width: 750px){.hero-content-bottom{font-family:Montserrat,sans-serif;font-weight:400;font-size:3.89vw;white-space:nowrap;overflow:hidden;text-align:center}}.navbar{position:fixed;top:0;width:100%;padding-top:2rem;padding-right:6rem;z-index:1000;background:transparent;display:flex;justify-content:flex-end;align-items:center;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.resume-button{padding:.8rem;border:.3px solid #ffffff;border-radius:5%;color:#fff;background:transparent;cursor:pointer;font-weight:300;font-size:1.5vw;font-family:Montserrat,sans-serif;transition:all .3s ease-in-out}.resume-button:hover{background:#fff;transform:scale(1.05);color:#000}@media only screen and (max-width: 1200px){.resume-button{padding:.8rem;border:.3px solid #ffffff;border-radius:5%;color:#fff;background:transparent;cursor:pointer;font-weight:300;font-size:2vw;font-family:Montserrat,sans-serif;transition:all .3s ease-in-out}}@media only screen and (max-width: 950px){.resume-button{padding:.8rem;border:.3px solid #ffffff;border-radius:5%;color:#fff;background:transparent;cursor:pointer;font-weight:300;font-size:2.5vw;font-family:Montserrat,sans-serif;transition:all .3s ease-in-out}}@media only screen and (max-width: 800px){.resume-button{padding:.8rem;border:.3px solid #ffffff;border-radius:5%;color:#fff;background:transparent;cursor:pointer;font-weight:300;font-size:2.89vw;font-family:Montserrat,sans-serif;transition:all .3s ease-in-out}}@media only screen and (max-width: 700px){.resume-button{padding:.8rem;border:.3px solid #ffffff;border-radius:5%;color:#fff;background:transparent;cursor:pointer;font-weight:300;font-size:3vw;font-family:Montserrat,sans-serif;transition:all .3s ease-in-out}}@media only screen and (max-width: 550px){.resume-button{padding:.8rem;border:.3px solid #ffffff;border-radius:5%;color:#fff;background:transparent;cursor:pointer;font-weight:300;font-size:3.5vw;font-family:Montserrat,sans-serif;transition:all .3s ease-in-out}}.box{padding:2rem;border:2px solid #fff}.about-section{height:100vh;width:auto;display:flex;justify-content:center;align-items:center;scroll-snap-align:start;padding:0 2rem;box-sizing:border-box;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;z-index:2}.about-content{display:flex;flex-direction:row;align-items:center;gap:3rem;max-width:1000px;flex-wrap:wrap}.about-text-container{max-width:500px}.about-heading{font-family:Montserrat,sans-serif;font-weight:600;font-size:4rem;margin-bottom:1rem}.about-below{font-family:Montserrat,sans-serif;font-weight:400;font-size:1.2rem;text-align:justify}.about-image{width:20em;height:30em;object-fit:cover;border-radius:2%;box-shadow:0 4px 20px #0000004d}@media only screen and (max-width: 950px){.about-heading{font-family:Montserrat,sans-serif;font-weight:600;font-size:3rem;margin-bottom:1rem}.about-below{font-family:Montserrat,sans-serif;font-weight:400;font-size:1rem;text-align:justify}.about-image{width:15em;height:25em;object-fit:cover;border-radius:2%;box-shadow:0 4px 20px #0000004d}}@media only screen and (max-width: 855px){.about-heading{font-family:Montserrat,sans-serif;font-weight:600;font-size:2.5rem;margin-bottom:1rem}.about-below{font-family:Montserrat,sans-serif;font-weight:400;font-size:1.2rem;text-align:justify}.about-image{display:none;width:12em;height:22em;object-fit:cover;border-radius:2%;box-shadow:0 4px 20px #0000004d}}@media only screen and (max-width: 650px){.about-heading{font-family:Montserrat,sans-serif;font-weight:600;font-size:2.5rem;margin-bottom:1rem}.about-below{font-family:Montserrat,sans-serif;font-weight:400;font-size:1rem;text-align:justify}.about-image{display:none;width:12em;height:22em;object-fit:cover;border-radius:2%;box-shadow:0 4px 20px #0000004d}}@media only screen and (max-width: 600px){.about-heading{font-family:Montserrat,sans-serif;font-weight:600;font-size:2.25rem;margin-bottom:1rem}.about-below{font-family:Montserrat,sans-serif;font-weight:400;font-size:.75em;text-align:justify}.about-image{display:none;width:12em;height:22em;object-fit:cover;border-radius:2%;box-shadow:0 4px 20px #0000004d}}.skills-section{min-height:100vh;width:auto;text-align:center;background:#f5f5f5e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;z-index:3}.skills-title{font-size:2.5rem;margin-bottom:2rem;font-family:Montserrat,sans-serif;font-weight:600}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;justify-items:center;align-items:center;max-width:1200px;margin:0 auto}.skill-box{background-color:#fff;border-radius:12px;padding:1.5rem 1rem;box-shadow:0 0 10px #ffffff1a;height:6em;width:7em;transition:transform .3s ease;display:flex;flex-direction:column;align-items:center}.skill-box:hover{transform:translateY(-5px)}.skill-icon{width:50%;padding:1em;aspect-ratio:1 / 1;object-fit:contain;margin-bottom:1rem}.skill-name{font-size:1.1rem;font-weight:500;font-family:Montserrat,sans-serif}@media only screen and (max-width: 650px){.skill-box{background-color:#fff;border-radius:12px;padding:1.5rem 1rem;box-shadow:0 0 10px #ffffff1a;height:5em;width:6em;transition:transform .3s ease;display:flex;flex-direction:column;align-items:center}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;justify-items:center;align-items:center;max-width:1200px;margin:0 auto}.skill-icon{width:50%;padding:1em;aspect-ratio:1 / 1;object-fit:contain;margin-bottom:1rem}}@media only screen and (max-width: 600px){.skill-box{background-color:#fff;border-radius:12px;padding:1.5rem 1rem;box-shadow:0 0 10px #ffffff1a;height:4em;width:5em;transition:transform .3s ease;display:flex;flex-direction:column;align-items:center}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;justify-items:center;align-items:center;max-width:1200px;margin:0 auto}.skill-icon{width:50%;padding:1em;aspect-ratio:1 / 1;object-fit:contain;margin-bottom:1rem}}@media only screen and (max-width: 500px){.skill-box{background-color:#fff;border-radius:12px;padding:1.5rem 1rem;box-shadow:0 0 10px #ffffff1a;height:5em;width:6em;transition:transform .3s ease;display:flex;flex-direction:column;align-items:center}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;justify-items:center;align-items:center;max-width:1200px;margin:0 auto}.skill-icon{width:50%;padding:1em;aspect-ratio:1 / 1;object-fit:contain;margin-bottom:1rem}}@media only screen and (max-width: 400px){.skill-box{background-color:#fff;border-radius:12px;padding:1.5rem 1rem;box-shadow:0 0 10px #ffffff1a;height:5em;width:6em;transition:transform .3s ease;display:flex;flex-direction:column;align-items:center}.skills-title{font-size:2.5rem;margin-top:2em;margin-bottom:2rem;font-family:Montserrat,sans-serif;font-weight:600}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;justify-items:center;align-items:center;max-width:1200px;margin:0 auto}.skill-icon{width:50%;padding:1em;aspect-ratio:1 / 1;object-fit:contain;margin-bottom:1rem}}@media only screen and (max-width: 390px){.skill-box{background-color:#fff;border-radius:12px;padding:1.5rem 1rem;box-shadow:0 0 10px #ffffff1a;height:5em;width:6em;transition:transform .3s ease;display:flex;flex-direction:column;align-items:center}.skills-title{font-size:2.5rem;margin-top:2.2em;margin-bottom:2rem;font-family:Montserrat,sans-serif;font-weight:600}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;justify-items:center;align-items:center;max-width:1200px;margin:0 auto}.skill-icon{width:50%;padding:1em;aspect-ratio:1 / 1;object-fit:contain;margin-bottom:1rem}}.projects-section{height:100vh;width:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:start;padding:2rem;animation:slideUp 1.2s ease-in-out;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;z-index:4}.projects-heading{font-size:3rem;font-weight:600;font-family:Montserrat,sans-serif;margin-bottom:2rem;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1000px;width:100%;gap:2rem;justify-items:center}.project-box{background-color:#fff;border:1px dashed grey;border-radius:12px;padding:4rem;height:12em;font-family:Montserrat,sans-serif;width:12em;box-shadow:0 8px 20px #0000000d;transition:transform .3s ease,border-color .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.project-box:hover{transform:translateY(-5px);border-color:#000}.project-link{margin-top:1rem;color:#07f;text-decoration:none;font-weight:500;transition:color .3s}.project-link:hover{color:#07f}@media only screen and (max-width: 800px){.projects-section{height:100vh;width:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:start;padding:2rem;animation:slideUp 1.2s ease-in-out;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;z-index:4}.projects-heading{font-size:3rem;font-weight:600;font-family:Montserrat,sans-serif;margin-bottom:2rem;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1000px;width:100%;gap:1rem;justify-items:center}.project-box{background-color:#fff;border:1px dashed grey;border-radius:12px;padding:4rem;height:12em;font-family:Montserrat,sans-serif;width:12em;box-shadow:0 8px 20px #0000000d;transition:transform .3s ease,border-color .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}}@media only screen and (max-width: 750px){.projects-section{height:100vh;width:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:start;padding:2rem;animation:slideUp 1.2s ease-in-out;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;z-index:4}.projects-heading{font-size:3rem;font-weight:600;font-family:Montserrat,sans-serif;margin-bottom:2rem;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1000px;width:100%;gap:1rem;justify-items:center}.project-box{background-color:#fff;border:1px dashed grey;border-radius:12px;padding:4rem;height:10em;font-family:Montserrat,sans-serif;width:10em;box-shadow:0 8px 20px #0000000d;transition:transform .3s ease,border-color .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}}@media only screen and (max-width: 650px){.projects-section{height:100vh;width:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:start;padding:2rem;animation:slideUp 1.2s ease-in-out;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;z-index:4}.projects-heading{font-size:3rem;font-weight:600;font-family:Montserrat,sans-serif;margin-bottom:2rem;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(1,1fr);max-width:1000px;width:100%;gap:1rem;justify-items:center}.project-box{background-color:#fff;border:1px dashed grey;border-radius:12px;padding:4rem;height:10em;font-family:Montserrat,sans-serif;width:10em;box-shadow:0 8px 20px #0000000d;transition:transform .3s ease,border-color .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}}@media only screen and (max-width: 400px){.projects-section{height:100vh;width:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:start;padding:3rem;animation:slideUp 1.2s ease-in-out;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;z-index:4}.projects-heading{font-size:3rem;margin-top:3.2em;font-weight:600;font-family:Montserrat,sans-serif;margin-bottom:2rem;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(1,1fr);max-width:1000px;width:100%;gap:1rem;justify-items:center}.project-box{background-color:#fff;border:1px dashed grey;border-radius:12px;padding:4rem;height:10em;font-family:Montserrat,sans-serif;width:10em;box-shadow:0 8px 20px #0000000d;transition:transform .3s ease,border-color .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center}}.contact-section{height:100vh;width:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-snap-align:start;padding:2rem;background:#f0f8ffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#000;z-index:5}section{scroll-snap-align:start;height:100vh;width:100%;position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}section>*{animation:slideUp 1s ease-out}.contact-heading{font-size:6rem;font-weight:300;font-family:Montserrat,sans-serif;margin-bottom:1rem;text-align:center}.line-below{border-bottom:2px solid #0077ff;padding-bottom:.2em;transition:all .3s ease-in-out}.line-below:hover{border-bottom:2px solid #0055cc;padding-bottom:.3em}.contact-email{font-size:2rem;font-family:Montserrat,sans-serif;color:#07f;text-align:center;transition:color .3s ease}.contact-email:hover{color:#05c;cursor:pointer}a,a:visited{text-decoration:none;color:inherit}.end-text{position:absolute;bottom:1em;left:50%;transform:translate(-50%);font-family:Montserrat,sans-serif;font-size:1.2em;text-align:center;font-weight:300;color:#a6a5a5}@media only screen and (max-width: 620px){.contact-heading{font-size:4em;font-weight:300;font-family:Montserrat,sans-serif;margin-bottom:1rem;text-align:center}.contact-email{font-size:2em;font-family:Montserrat,sans-serif;color:#07f;text-align:center;transition:color .3s ease}.end-text{position:absolute;bottom:1em;left:50%;transform:translate(-50%);font-family:Montserrat,sans-serif;font-size:1.2em;text-align:center;font-weight:300;color:#a6a5a5}}@media only screen and (max-width: 550px){.contact-heading{font-size:3em;font-weight:300;font-family:Montserrat,sans-serif;margin-bottom:1rem;text-align:center}.contact-email{font-size:1.3em;font-family:Montserrat,sans-serif;color:#07f;text-align:center;transition:color .3s ease}.end-text{position:absolute;bottom:1em;left:50%;transform:translate(-50%);font-family:Montserrat,sans-serif;font-size:1.2em;text-align:center;font-weight:300;color:#a6a5a5}}