@import"https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,100..900;1,100..900&display=swap";#root{display:flex;flex-direction:column;min-height:100vh;font-family:saira,sans-serif}main{flex:1;background-color:transparent!important;position:relative;display:flex}html,body{font-size:15pt;padding:0;margin:0;background-color:transparent!important;overflow-x:hidden}h1,.button-container{text-align:center}button{font-size:5vw}.element-with-scrollbar{scrollbar-width:none}header{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);margin:0;border:0;width:100%;position:fixed;top:0;display:flex;font-family:saira,sans-serif;align-items:center;border-bottom-style:solid;border-bottom-width:2px;border-bottom-color:#000;z-index:100}.header-name{font-weight:600;margin-left:1vw}nav{margin-right:1.5vw;margin-left:auto;display:flex}a{margin:1vw;text-decoration:none;color:inherit}a[aria-current]{text-decoration-line:underline;text-decoration-thickness:.08em;text-decoration-style:double;text-underline-offset:.15em}a:hover:not([aria-current=page]){text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.15em}footer{background-color:#030303;color:#f0f8ff;display:flex;align-items:center;width:100%;z-index:1000}.github-logo{height:1.7em;filter:invert()}.linkedin-logo{height:2em}.footer-name{margin-left:auto;margin-right:1.5vw}.background-canvas{position:absolute;inset:0 0 auto;z-index:-1;pointer-events:none;background-color:#fff}.initial-info-container{top:0;left:0;width:100%;height:100%;bottom:0;background:linear-gradient(to top,#9e9e9ecc,#0000);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:1;position:absolute;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;overflow-y:visible}.name{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-top:10%;margin-left:20%}.fname,.lname{font-size:3vw}.fname:hover,.lname:hover{cursor:default}h1{margin:0}.profile-pic{grid-row:span 2;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:30%}.profile-pic img{width:36vw;height:auto;border-radius:2%;object-fit:cover;transition:.6s ease-out;margin-bottom:2%}.profile-pic img:hover{box-shadow:0 5px 25px #000c;transition:.6s ease-out}.profile-pic a:hover{text-decoration-style:underline;text-underline-offset:.4vw}.profile-pic a{margin-left:auto;margin-right:15%;margin-top:1%;font-size:1.3vw}.who-am-i{margin-left:20%;margin-right:auto;margin-bottom:40vh;font-size:1.7vw;grid-row:2;grid-column:1}.main-portfolio{display:grid;grid-template-columns:1 1;grid-template-rows:1 1;height:100vh;position:relative}.description{font-size:1.1vw;margin-top:.2vh}.my-work{grid-row:2;grid-column:1;position:relative;margin:auto;margin-top:30vh;margin-right:61%}.my-work>.my-work-nav>button{font-size:2.5vh;border:solid;border-radius:50px;padding-left:3vh;padding-right:3vh;transition:1s;background-color:transparent}.my-work>.my-work-nav>button:hover{transition:1s;margin-left:+2vh;margin-right:-2vh;background-color:#dadadac9;cursor:pointer}main{overflow:hidden}.main-about{margin-top:2vh;margin-bottom:.5vh}@media screen and (max-width: 1000px){.initial-info-container{grid-template-columns:1fr;grid-template-rows:auto auto auto;width:100vw;height:auto;position:static;overflow-y:visible;padding:0}.name{align-items:center;margin:5vw auto 2vw;gap:.5vw}.name>.fname,.name>.lname{font-size:10vw;text-align:center}.profile-pic{grid-row:2;margin:0 auto 5vw;width:80vw;justify-content:center;align-items:center}.profile-pic img{width:60vw;margin-bottom:3vw}.profile-pic a{font-size:3vw;margin:0 auto}.who-am-i{margin:0 5vw 5vw;font-size:4vw;text-align:center;grid-row:3;grid-column:1}.my-work{margin:5vw auto;font-size:4vw;grid-row:4;grid-column:1;width:90vw;display:flex}.my-work>.my-work-nav>button{font-size:1vw;padding:2vw 5vw;border-radius:30px}.my-work>.my-work-nav{margin-left:auto;margin-right:auto}.description{font-size:6vw}.main-about{font-size:12vw}}body,main{min-height:100vh;display:flex;flex-direction:column}footer{position:sticky}.main{background-color:transparent}.contact-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:transparent}.contact-form{position:relative;z-index:1;background:#fff;padding:2rem 2.5rem;border-radius:12px;box-shadow:0 8px 32px #0000001f;width:100%;max-width:30vw;display:flex;flex-direction:column;gap:1.2rem}.contact-form h1{margin-bottom:.5rem;font-size:2rem;text-align:center;color:#3b3b4f}.form-row{display:flex;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.3rem;flex:1}label{font-weight:500;color:#3b3b4f}input,textarea{padding:.7rem;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem;background:#f7f7fa;transition:border .2s}.error{color:#ef4444;font-size:.9rem;margin-top:.1rem}.success{color:#22c55e;font-size:1rem;text-align:center;margin-top:1rem}.submit-btn{background:#313131;color:#fff;border:none;padding:.8rem;border-radius:6px;font-size:1.1rem;cursor:pointer;transition:background .2s}.submit-btn:hover{background:#fff;color:#000;border:solid black 1px}@media (max-width: 600px){.contact-form{padding:1rem;max-width:98vw}.form-row{flex-direction:column;gap:.5rem}}.backdrop{position:fixed;inset:6% 0 0;background:linear-gradient(to top,#9e9e9ecc,#0000);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);height:100%;z-index:-1}.port-card-holder{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2.5rem;padding:3rem 2rem;margin:0 auto;max-width:1500px;width:100%;box-sizing:border-box}@media (max-width: 700px){.port-card-holder{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem .5rem}}.port-header{font-size:10vh}.portfolio-card{position:relative;border:2px solid #111;border-radius:12px;overflow:hidden;background:#fff;width:100%;min-height:350px;display:flex;flex-direction:column;box-shadow:0 2px 16px #00000012;transition:box-shadow .3s}.portfolio-card:hover{box-shadow:0 4px 32px #0000002e}.card-image{position:relative;width:100%;height:66%;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.card-image img{width:100%;height:100%;object-fit:cover;transition:filter .4s,opacity .4s;filter:none;opacity:1}.portfolio-card:hover .card-image img{filter:blur(4px) grayscale(1);opacity:.7}.card-info{position:relative;background:#f7f7f7;color:#414141;padding:1.2em 1em 2.8em;height:34%;display:flex;flex-direction:column;justify-content:flex-end}.card-title{font-size:1.3em;font-weight:700;margin:0 0 .3em;letter-spacing:.03em}.card-description{font-size:1em;font-weight:400;margin:0;opacity:.85;z-index:0}.card-action{position:absolute;right:1em;bottom:1em;display:flex;align-items:center;opacity:0;transform:translateY(30px);transition:opacity .4s,transform .4s;z-index:2}.portfolio-card:hover .card-action{opacity:1;transform:translateY(0)}.card-action button{background:#ececec;color:#111;border:2px solid #111;border-radius:50px;padding:.5em 1.2em;font-size:1em;font-weight:600;cursor:pointer;margin-right:.7em;box-shadow:0 2px 8px #00000012;transition:background .2s,color .2s}.card-action button:hover{background:#111;color:#ececec}.card-action .check-out-text{font-size:1em;font-weight:500;color:#202020;letter-spacing:.04em;z-index:5}.portfolio-card:hover .card-info{filter:blur(2px);opacity:.7;transition:filter .4s,opacity .4s}.intro-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:9999}main{position:relative;flex-direction:column;height:100%;width:100%;margin-top:3.3%}.resume{width:100%;height:90vh}iframe{height:100%;width:100%}