@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&family=Roboto+Mono:wght@100..700&display=swap";:root{display:block;font-family:Montserrat,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:auto}:root{color:#ffffffde;background-color:#242424;color-scheme:dark}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}nav{display:flex;justify-content:space-between;align-items:center;margin:15px;right:0;left:0;top:0;position:absolute;z-index:1000;transition:all .3s ease}nav .nav_logo{font-family:Roboto Mono,serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-size:17px;color:#ffffffde;transition:color .3s ease}nav .nav_logo:hover{color:#eb90df}nav .linksContainer{display:flex;align-items:center;gap:8px}nav .nav_button{padding:6px 10px;font-size:13px;color:#ffffffde;transition:all .3s ease;border-radius:4px}nav .nav_button:hover{color:#eb90df;background:#ffffff0d}@media (max-width: 768px){nav{margin:12px;flex-wrap:wrap}.nav_logo{font-size:15px}.linksContainer{gap:4px}.nav_button{padding:5px 8px;font-size:11px}h1{font-size:1.9em}h2{font-size:1.5em}h3{font-size:1.1em}}@media (max-width: 480px){nav{margin:8px}.nav_logo{font-size:14px}.nav_button{padding:4px 6px;font-size:10px}}a{font-weight:500;color:#ffffffde;text-decoration:inherit;transition:color .3s ease}a:hover{color:#eb90df}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:2.4em;line-height:1.2;font-weight:700;color:#ffffffde;letter-spacing:-.02em}h2{font-size:1.8em;line-height:1.3;font-weight:600;color:#ffffffde;letter-spacing:-.01em}h3{font-size:1.35em;line-height:1.4;font-weight:600;color:#ffffffde}button{border-radius:6px;border:1px solid transparent;padding:.45em .9em;font-size:.85em;font-weight:500;font-family:inherit;background-color:#ffffff0d;color:#ffffffde;cursor:pointer;transition:all .3s ease}button:hover{border-color:#eb90df;background-color:#ffffff14}button:focus,button:focus-visible{outline:4px auto #eb90df;outline-offset:2px}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.projects-container{padding:18px 18px 40px;width:100%;right:0;left:0;position:absolute;top:62px;box-sizing:border-box;animation:fadeInUp .6s ease-out}.projects-mainText{display:flex;flex-direction:column;justify-content:center;gap:8px;padding-right:60px;padding-left:8px;animation:slideIn .8s ease-out}.projects-mainText p{margin:unset;color:#ffffffbf;font-size:12px}.projects-title{font-size:36px;font-weight:700;margin:unset;font-family:Roboto Mono,serif;background:linear-gradient(135deg,#eb90df,#c915a1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease-out .2s both}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,250px);gap:18px;justify-content:center;max-width:900px;margin:auto}.project-item{position:relative;font-family:Montserrat,serif;overflow:hidden;border-radius:9px;box-shadow:0 3px 9px #0000004d;height:260px;width:250px;max-width:250px;background-image:linear-gradient(135deg,rgba(255,255,255,.05),transparent);border:1px solid rgba(255,255,255,.1);transition:all .4s cubic-bezier(.4,0,.2,1);animation:fadeInUp .6s ease-out both}.project-item:nth-child(1){animation-delay:.1s}.project-item:nth-child(2){animation-delay:.2s}.project-item:nth-child(3){animation-delay:.3s}.project-item:nth-child(4){animation-delay:.4s}.project-item:nth-child(5){animation-delay:.5s}.project-item:nth-child(6){animation-delay:.6s}.project-image{width:100%;height:100%;object-fit:cover;object-position:left;transition:opacity .3s ease-in-out;opacity:.2;display:none}.project-item:hover{background:linear-gradient(135deg,#c915a1,#eb90df);transform:translateY(-6px) scale(1.02);box-shadow:0 9px 18px #0000004d;border-color:#eb90df}.project-overlay{position:absolute;top:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out;flex-direction:column;text-align:center;padding:5px;box-sizing:border-box}.project-item:hover .project-overlay{opacity:1}.project-tags{font-size:9px;top:10px;right:10px;position:absolute;color:#fff9;z-index:10}.project-text-parent{width:100%;height:100%;transition:opacity .3s ease-in-out;padding:28px 22px;box-sizing:border-box}.project-text-parent p{font-size:10px;font-weight:500;color:#ffffffbf;line-height:1.5}.project-title{color:#ffffffde;font-size:20px;font-weight:800;font-family:Roboto Mono,serif;line-height:1.2;margin:unset;margin-bottom:8px;width:85%;transition:color .3s ease}.selected-project{padding:12px;border:1px solid #ddd;border-radius:6px;box-sizing:border-box;height:225px;background-color:#2f4f4f;position:relative}.selected-project button{margin-top:8px;padding:6px 12px;border:none;background-color:#333;color:#fff;cursor:pointer;border-radius:3px;bottom:15px;position:absolute;font-size:11px}.selected-project button:hover{background-color:#ffffff14}@media (max-width: 768px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(250px,250px));gap:15px}.projects-mainText{padding-right:8px;padding-left:8px;max-width:250px}.projects-title{font-size:27px}.project-item{height:auto;min-height:220px;max-width:250px}}@media (max-width: 480px){.projects-container{padding:12px}.projects-title{font-size:21px}.project-title{font-size:18px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.projectPage{margin:auto;max-width:605px;display:flex;right:0;left:0;top:80px;position:absolute;flex-direction:column;padding:0 8px 75px;animation:fadeInUp .6s ease-out}.project-title-header{display:inline-flex;align-items:center;gap:10px;margin-bottom:0}.project-link-icon{display:inline-flex;align-items:center;color:#fff9;transition:color .3s ease;text-decoration:none;margin-left:4px}.project-link-icon:hover{color:#eb90df}.project-link-icon svg{display:block}.projectPage-h2{font-size:22px;font-weight:700;color:#ffffffde}.projectPage p{font-size:14px;color:#ffffffbf}.imageContainer{width:100%;margin:15px 0}.imageContainer img{width:100%;height:auto;display:block}.videoContainer{width:100%;margin:15px 0}.videoWrapper{position:relative;width:100%;padding-bottom:56.25%;height:0}.videoWrapper>div{position:absolute;top:0;left:0;width:100%;height:100%}.videoContainer .caption{margin-top:8px;font-size:12px;font-style:italic;color:#fff9}.resume-page{gap:45px;max-width:600px}.resume-summary{margin-bottom:0;animation:fadeInUp .6s ease-out}.resume-summary h2{font-family:Roboto Mono,serif;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:#eb90df;margin-bottom:12px}.summary-text{font-size:15px;line-height:1.7;color:#ffffffd9;font-weight:300}.resume-section{margin-bottom:0}.resume-section h2{font-family:Roboto Mono,serif;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:#eb90df;margin-bottom:24px;animation:fadeInUp .6s ease-out both}.resume-section:nth-of-type(1) h2{animation-delay:.1s}.resume-section:nth-of-type(2) h2{animation-delay:.2s}.resume-section:nth-of-type(3) h2{animation-delay:.3s}.resume-section h3{font-size:16px;font-weight:600;margin-bottom:3px;color:#fffffff2;transition:color .3s ease}.resume-section ul{list-style:none;padding:0;margin:0}.resume-section li{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s ease;animation:fadeInUp .6s ease-out both}.resume-section li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.resume-section li:nth-child(1){animation-delay:.1s}.resume-section li:nth-child(2){animation-delay:.15s}.resume-section li:nth-child(3){animation-delay:.2s}.resume-section li:nth-child(4){animation-delay:.25s}.resume-section li:nth-child(5){animation-delay:.3s}.resume-section li:hover h3{color:#eb90df}.resume-section p{font-size:11px;line-height:1.7;color:#fff9;margin:6px 0 0}.resume-section a{color:#ffffff80;text-decoration:none;font-size:10px;display:inline-block;margin-top:9px;transition:color .3s ease;word-break:break-all}.resume-section a:hover{color:#eb90df}.contact-page{text-align:center;max-width:450px}.contact-page h1{font-size:36px;font-weight:300;margin-bottom:12px;color:#fffffff2}.contact-content{display:flex;flex-direction:column;gap:45px;margin-top:45px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.contact-section{animation:fadeInUp .6s ease-out both}.contact-section:nth-child(1){animation-delay:.1s}.contact-section:nth-child(2){animation-delay:.2s}.contact-section h2{font-family:Roboto Mono,serif;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff80;margin-bottom:12px}.contact-link{font-size:18px;font-weight:400;color:#ffffffe6;text-decoration:none;transition:color .3s ease;position:relative}.contact-link:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:#eb90df;transition:width .3s ease}.contact-link:hover{color:#eb90df}.contact-link:hover:after{width:100%}.social-links{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.social-link{display:inline-block;padding:0;background:transparent;border:none;color:#ffffffe6;text-decoration:none;font-size:14px;font-weight:400;transition:all .3s ease;position:relative}.social-link:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:#eb90df;transition:width .3s ease}.social-link:hover{color:#eb90df}.social-link:hover:after{width:100%}@media (max-width: 768px){.contact-page h1{font-size:27px}.contact-content{gap:30px;margin-top:30px}.contact-link{font-size:15px}.social-links{gap:18px}.social-link{font-size:12px}}