body,html{background-color:#121212;box-sizing:border-box;color:#e0e0e0;font-family:Inter;height:100%;margin:0;overflow:hidden;padding:0}.landing-screen{align-items:center;background-color:#121212;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.down-arrow{animation:bounce 1.5s infinite;color:#00bcd4;cursor:pointer;font-size:2rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.portfolio-section{display:grid;grid-template-columns:400px 1fr;overflow:hidden}.portfolio-section,.sidebar{background-color:#121212;height:100vh}.sidebar{align-items:center;border-right:none;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:hidden;padding-top:15px;top:0}.sidebar h1{color:#00bcd4;font-size:2.2em;margin-bottom:10px;text-align:center}.sidebar nav ul{align-items:center;display:flex;flex-direction:column;gap:15px;list-style:none;margin:20px 0;padding:0}.sidebar nav a{color:#e0e0e0;font-size:1.2em;text-decoration:none;transition:color .3s ease}.sidebar nav a:hover{color:#00bcd4}.sidebar nav a.active{color:#00bcd4;font-weight:600}.sidebar-footer{color:#888;margin-bottom:20px;margin-top:auto;padding:16px;text-align:center}.sidebar-icons{color:inherit;padding:10px;text-decoration:none;transition:color .3s ease}.sidebar-icons:hover{color:#00bcd4}.content{background-color:#121212;overflow-y:auto;padding:44px 20px 20px;scroll-behavior:smooth}section{margin-bottom:40px}h2{align-items:center;color:#00bcd4;display:flex;font-size:2em;font-weight:600;gap:12px;margin:0 0 20px;transition:font-weight .25s ease,color .25s ease}h2:after{background:linear-gradient(90deg,#00bcd4cc,#00bcd400);content:"";flex:1 1;height:2px;opacity:.35;transform:scaleX(.2);transform-origin:left center;transition:transform .35s ease,opacity .35s ease}.active-section h2{font-weight:800}.active-section h2:after{opacity:1;transform:scaleX(1)}.about-section{margin-bottom:40px}.about-card{grid-gap:18px;align-items:center;background:#1f1f1f;border:1px solid #2b2b2b;border-left:4px solid #00bcd4;border-radius:10px;box-shadow:0 2px 5px #00000059;display:grid;gap:18px;grid-template-columns:180px 1fr;padding:18px}.about-headshot{border:1px solid #2f2f2f;border-radius:12px;height:170px;object-fit:cover;object-position:center 20%;width:170px}.about-content p{color:#d9d9d9;font-size:1.02em;line-height:1.65;margin:0 0 12px}.about-content p:last-child{margin-bottom:0}@media (max-width:840px){.about-card{grid-template-columns:1fr;justify-items:start}}.tile{align-items:center;background:#2a2a2a;border-radius:8px;box-shadow:0 4px 8px #0000004d;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding-bottom:20px;padding-top:15px;text-align:center;transition:transform .3s ease,background .3s ease}.tile-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,320px));justify-content:start}.tile-container.projects{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-content:normal}.tile img{background:#fff;border-radius:40%;height:80px;margin-top:10px;object-fit:contain;padding:10px;width:80px}.tile:hover{background:#333;transform:scale(1.05)}.tile h3{font-size:1.5em;margin:5px}#c-text{font-size:1em;margin:0}#date{font-size:.8em;letter-spacing:2px;margin:0}.location-row{align-items:center;display:flex;font-size:.9em;gap:5px;margin-top:5px}.tile.active{background:#00bcd4;color:#121212;transform:scale(1.1)}.tile-content{animation:slideDown .3s ease;background:#1f1f1f;border-radius:8px;box-shadow:0 2px 5px #00000080;color:#e0e0e0;margin-top:20px;padding:20px}.tile-content h3{color:#00bcd4;font-size:1.8em;margin-bottom:0}.tile-content p{font-size:1.2em;line-height:1.6}.tile-content.open{display:block}.experience-timeline{display:flex;flex-direction:column;gap:18px;padding-left:14px;position:relative}.experience-timeline:before{background:#2f2f2f;bottom:4px;content:"";left:12px;position:absolute;top:4px;width:2px}.timeline-item{padding-left:30px;position:relative}.timeline-dot{border:2px solid #121212;border-radius:50%;box-shadow:0 0 0 2px #2f2f2f;height:14px;left:5px;position:absolute;top:18px;width:14px}.timeline-content{background:#1f1f1f;border:1px solid #2b2b2b;border-radius:10px;padding:16px 18px}.timeline-header{align-items:center;display:flex;gap:12px}.timeline-header-text{min-width:0}.timeline-logo{background:#fff;border-radius:12px;flex-shrink:0;height:56px;object-fit:contain;padding:6px;width:56px}.timeline-date{color:#9f9f9f;font-size:.78em;letter-spacing:1.4px;margin:0;text-transform:uppercase}.timeline-content h3{font-size:1.2em;margin:8px 0 4px}.timeline-company{color:#d7d7d7;font-size:1em;font-weight:600;margin:0}.timeline-location{align-items:center;color:#b8b8b8;display:flex;font-size:.92em;gap:6px;margin-top:8px}.timeline-description{color:#d6d6d6;line-height:1.6;margin:10px 0 0}.timeline-result{color:#dcdcdc;line-height:1.6;margin:10px 0 0}.timeline-links{line-height:1.6;margin:8px 0 0}.timeline-links a{color:#7fc4ff;text-decoration:none}.timeline-links a:hover{text-decoration:underline}.project-tile{align-items:center;background:#1f1f1f;border:1px solid #2b2b2b;border-radius:10px;box-shadow:0 4px 8px #0000004d;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding-bottom:20px;padding-top:15px;text-align:center;text-decoration:none;transition:transform .25s ease,border-color .25s ease}.project-tile h3{font-size:1.5em;margin:5px}.project-tile p{margin:10px}.project-tile:hover{border-color:#3d3d3d;transform:translateY(-3px)}.project-tile:hover .project-preview-bg{filter:blur(0);opacity:.95}.project-preview-bg{display:block;filter:blur(.5px);height:200px;object-fit:cover;object-position:center 40%;opacity:.5;transition:opacity .35s,filter .35s;width:100%}.project-tech-stack{display:flex;gap:12px;margin-top:6px}.project-tech-stack,.tech-stack-icon{align-items:center;justify-content:center}.tech-stack-icon{background:#2a2a2a;border-radius:8px;color:#e0e0e0;display:inline-flex;font-size:1.2rem;opacity:.95;padding:4px}.skills-category-card{background:#1f1f1f;border:1px solid #2b2b2b;border-radius:10px;box-shadow:0 2px 5px #00000059;padding:16px 16px 14px}.contact-section{margin-bottom:20px}.contact-card{background:#1f1f1f;border:1px solid #2f2f2f;border-radius:10px;max-width:700px;padding:20px}.contact-text{color:#cfcfcf;font-size:1.05em;line-height:1.6;margin:0 0 12px}.contact-email{color:#00bcd4;font-size:1.05em;font-weight:600;text-decoration:none}.contact-email:hover{text-decoration:underline}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.6489caea.css.map*/