@import url(https://fonts.googleapis.com/css2?family=Bungee&family=Courier+Prime&family=Poppins:wght@400;600&family=Roboto:wght@100;300&family=Teko:wght@500&display=swap);*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background:#fff}html{scroll-behavior:smooth}.window{width:100vw}.all-sections-container{max-width:1650px;padding:0 5rem 5rem;width:100%}@media (max-width:650px){.all-sections-container{padding:0 2rem 5rem}}.navbar-container{align-items:center;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.07),0 2px 2px rgba(0,0,0,.07),0 4px 4px rgba(0,0,0,.07),0 8px 8px rgba(0,0,0,.07),0 16px 16px rgba(0,0,0,.07);display:flex;justify-content:space-between;padding:1rem 6rem 1rem 2rem;position:fixed;top:0;width:100%;z-index:2}.navbar-logo{color:#000;font-family:Courier Prime,monospace;font-size:1.2rem;text-decoration:none}.navbar-links{align-items:center;display:flex;gap:1rem}.navbar-container img{display:none}.navbar-links *{color:#000;cursor:pointer;display:inline-block;padding-bottom:5px;position:relative;text-decoration:none;transition:.2s ease-in-out}.navbar-links a:after{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}.navbar-links a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.expanded-links-container{align-items:center;background:#fff;display:flex;flex-direction:column;height:100vh;padding:10rem 2rem;position:relative;width:100vw;z-index:5}.expanded-links-container *{color:#000;cursor:pointer;display:inline-block;font-size:1.6rem;padding-bottom:5px;position:relative;text-decoration:none;transition:.2s ease-in-out}.expanded-links-container a:after{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}.expanded-links-container a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.expanded-links-container img{position:absolute;right:1rem;top:2rem}@media (max-width:650px){.navbar-links{display:none}.navbar-container img{cursor:pointer;display:inline;width:2rem}.navbar-container{padding-right:2rem}}@media (max-width:500px){.navbar-container{padding-left:1rem}}.about-section{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:5rem 0;width:100%}.about-section-intro{align-items:center;display:flex;gap:5rem}.about-section-intro h1{color:#373737;font-family:Poppins,sans-serif;font-size:3rem;font-weight:600}.about-section-intro p{color:#434343;font-size:1.1rem;margin-top:1rem}.pin-emoji{width:1.1rem}.headshot-img{border:2px solid #000;border-radius:50%;box-shadow:0 1px 1px rgba(0,0,0,.07),0 2px 2px rgba(0,0,0,.07),0 4px 4px rgba(0,0,0,.07),0 8px 8px rgba(0,0,0,.07),0 16px 16px rgba(0,0,0,.07);height:18rem;width:18rem}.social-links{align-items:center;display:flex;gap:.5rem;margin-top:1rem}.social-links img{transition:.2s ease-in-out;width:2rem}.social-links img:hover{-webkit-filter:invert(50%);filter:invert(50%)}.about-section-view-work-btn{align-items:center;-webkit-animation:view-work-glow 2.6s ease-in-out infinite;animation:view-work-glow 2.6s ease-in-out infinite;background:transparent;border:1.5px solid #2e2e2e;border-radius:999px;box-shadow:0 0 0 0 rgba(52,146,255,.45);color:#2e2e2e;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:600;gap:.7rem;isolation:isolate;letter-spacing:.02em;margin-top:4rem;overflow:hidden;padding:1rem 2.75rem;position:relative;text-decoration:none;transition:color .35s ease,border-color .35s ease}.about-section-view-work-btn:before{background:#3492ff;content:"";inset:0;position:absolute;-webkit-transform:translateX(-101%);transform:translateX(-101%);transition:-webkit-transform .4s cubic-bezier(.65,0,.35,1);transition:transform .4s cubic-bezier(.65,0,.35,1);transition:transform .4s cubic-bezier(.65,0,.35,1),-webkit-transform .4s cubic-bezier(.65,0,.35,1);z-index:-1}.about-section-view-work-btn:hover{-webkit-animation:none;animation:none;border-color:#3492ff;box-shadow:0 8px 24px -8px rgba(52,146,255,.6);color:#fff}.about-section-view-work-btn:hover:before{-webkit-transform:translateX(0);transform:translateX(0)}.view-work-arrow{display:inline-block;font-weight:400;transition:-webkit-transform .3s cubic-bezier(.65,0,.35,1);transition:transform .3s cubic-bezier(.65,0,.35,1);transition:transform .3s cubic-bezier(.65,0,.35,1),-webkit-transform .3s cubic-bezier(.65,0,.35,1)}.about-section-view-work-btn:hover .view-work-arrow{-webkit-transform:translateX(5px);transform:translateX(5px)}@-webkit-keyframes view-work-glow{0%{box-shadow:0 0 0 0 rgba(52,146,255,.45)}70%{box-shadow:0 0 0 14px rgba(52,146,255,0)}to{box-shadow:0 0 0 0 rgba(52,146,255,0)}}@keyframes view-work-glow{0%{box-shadow:0 0 0 0 rgba(52,146,255,.45)}70%{box-shadow:0 0 0 14px rgba(52,146,255,0)}to{box-shadow:0 0 0 0 rgba(52,146,255,0)}}@media (max-width:1150px){.about-section-intro h1{font-size:2rem}.about-section-intro p{font-size:.9rem}.headshot-img{height:14rem;width:14rem}}@media (max-width:950px){.about-section-intro{flex-direction:column;gap:1rem}.about-section-view-work-btn{font-family:Poppins,sans-serif;font-size:.9rem;font-weight:400;margin-top:2rem;padding:.9rem 3rem}.about-section-intro-text{align-items:center;display:flex;flex-direction:column}.about-section-intro-text p{text-align:center}}@media (max-width:650px){.about-section-intro h1{font-size:2rem}.about-section-intro p{font-size:.8rem}.pin-emoji{width:.9rem}}@media (max-width:500px){.about-section-intro h1{font-size:1.5rem}.about-section-intro p{font-size:.8rem;text-align:start}}@media (max-width:380px){.headshot-img{height:10rem;width:10rem}}@media (max-width:370px){.about-section-intro h1{font-size:1rem}.about-section-intro p{font-size:.7rem}}.experience-section{align-items:flex-start;display:flex;flex-direction:column;padding-top:5rem;width:100%}.experience-section-title{font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;margin-top:2rem;text-decoration:underline}.experience-timeline{list-style:none;margin:3rem 0 0;padding:0;position:relative;width:100%}.timeline-item{padding-bottom:3rem;padding-left:2.5rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{background:rgba(52,146,255,.25);bottom:-.5rem;content:"";left:.55rem;position:absolute;top:.8rem;width:2px}.timeline-item:last-child:before{display:none}.timeline-marker{background:#3492ff;border-radius:50%;box-shadow:0 0 0 4px rgba(52,146,255,.15);height:1.15rem;left:0;position:absolute;top:.45rem;width:1.15rem}.timeline-content{display:flex;flex-direction:column;gap:.5rem;max-width:48rem}.timeline-duration{color:#3492ff;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.timeline-duration,.timeline-title{font-family:Poppins,sans-serif;font-weight:600;margin:0}.timeline-title{color:#2e2e2e;font-size:1.5rem;line-height:1.3}.timeline-company{color:#5a5a5a;font-size:1.15rem;font-weight:500}.timeline-description{color:#4e4e4e;line-height:1.6;margin:.25rem 0 0}@media (max-width:700px){.timeline-item{padding-bottom:2.25rem;padding-left:2rem}.timeline-marker{height:.95rem;top:.4rem;width:.95rem}.timeline-item:before{left:.42rem}.timeline-title{font-size:1.2rem}.timeline-separator{display:none}.timeline-company{display:block;font-size:1rem;margin-top:.15rem}.timeline-description{font-size:.9rem}}@media (max-width:500px){.experience-section{padding-top:3rem}}.skills-section{align-items:flex-start;display:flex;flex-direction:column;padding-top:6rem;width:100%}.skills-section-title{font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;text-decoration:underline}.skills-rows{display:flex;flex-direction:column;margin-top:3rem;width:100%}.skill-row{grid-gap:2rem;align-items:flex-start;border-top:1px solid rgba(0,0,0,.08);display:grid;gap:2rem;grid-template-columns:14rem 1fr;padding:1.75rem 0}.skill-row:last-child{border-bottom:1px solid rgba(0,0,0,.08)}.skill-row-title{color:#2e2e2e;font-family:Poppins,sans-serif;font-size:1.15rem;font-weight:600;letter-spacing:.01em;margin:0}.skill-row-chips{display:flex;flex-wrap:wrap;gap:.5rem}.skill-chip{background:rgba(191,218,255,.55);border:1px solid rgba(52,146,255,.35);border-radius:6px;color:#282828;font-size:.9rem;line-height:1.2;padding:.35rem .9rem;transition:background .15s ease,-webkit-transform .15s ease;transition:transform .15s ease,background .15s ease;transition:transform .15s ease,background .15s ease,-webkit-transform .15s ease}.skill-chip:hover{background:rgba(191,218,255,.95);-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:700px){.skill-row{gap:.75rem;grid-template-columns:1fr;padding:1.25rem 0}.skill-row-title{font-size:1rem}.skill-chip{font-size:.8rem;padding:.3rem .75rem}}@media (max-width:500px){.skills-section{padding-top:4rem}}.projects-section{align-items:flex-start;display:flex;flex-direction:column;padding-top:6rem;width:100%}.projects-section-title{font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;text-decoration:underline}.projects-rows{display:flex;flex-direction:column;gap:5rem;margin-top:3rem;width:100%}.project-row{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:5fr 6fr}.project-row--reverse{grid-template-columns:6fr 5fr}.project-row--reverse .project-image-wrap{order:2}.project-row--reverse .project-content{order:1}.project-image-wrap{border-radius:10px;cursor:pointer;display:block;overflow:hidden}.project-demo-img{border:1px solid rgba(0,0,0,.1);border-radius:10px;cursor:pointer;display:block;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease;width:100%}.project-image-wrap:hover .project-demo-img{-webkit-transform:scale(1.02);transform:scale(1.02)}.project-content{display:flex;flex-direction:column;gap:1.25rem}.project-title{color:#2e2e2e;font-family:Poppins,sans-serif;font-size:1.75rem;font-weight:600;margin:0}.project-overview{color:#3c3c3c;font-size:1.05rem;line-height:1.55;margin:0}.project-section{display:flex;flex-direction:column;gap:.5rem}.project-section-label{color:#3492ff;font-family:Poppins,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}.project-list{color:#4e4e4e;display:flex;flex-direction:column;gap:.35rem;line-height:1.55;margin:0;padding-left:1.2rem}.project-list li::marker{color:#969696}@media (max-width:900px){.project-row,.project-row--reverse{gap:1.5rem;grid-template-columns:1fr}.project-row--reverse .project-content,.project-row--reverse .project-image-wrap{order:0}.project-title{font-size:1.4rem}.project-list,.project-overview{font-size:.95rem}}@media (max-width:500px){.projects-section{padding-top:4rem}.projects-rows{gap:3rem}.project-list,.project-overview{font-size:.9rem}}.contact-section{align-items:flex-start;display:flex;flex-direction:column;padding-bottom:4rem;padding-top:6rem;width:100%}.contact-section-title{font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;text-decoration:underline}.contact-block{display:flex;flex-direction:column;gap:.75rem;margin-top:3rem}.contact-label{color:#3492ff;font-size:.85rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.contact-email,.contact-label{font-family:Poppins,sans-serif;font-weight:600}.contact-email{align-items:center;border-bottom:2px solid transparent;color:#2e2e2e;display:inline-flex;font-size:2.25rem;gap:.75rem;line-height:1.2;text-decoration:none;transition:color .2s ease,border-color .2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact-email:hover{border-bottom-color:#3492ff;color:#3492ff}.contact-email-arrow{display:inline-block;font-weight:400;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.contact-email:hover .contact-email-arrow{-webkit-transform:translateX(4px);transform:translateX(4px)}@media (max-width:700px){.contact-email{font-size:1.5rem;gap:.5rem}}@media (max-width:500px){.contact-section{padding-top:4rem}.contact-email{font-size:1.15rem}}@media (max-width:400px){.contact-email{font-size:1rem}}
/*# sourceMappingURL=main.6944cd61.css.map*/