@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;line-height:1.1;margin:0}[role=button],a,body,button,input[type=button],input[type=submit],select{cursor:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27><text x=%270%27 y=%2712%27 font-size=%2712%27 fill=%27white%27>%E2%9C%A8</text></svg>") 8 8,auto}code{font-family:Fira Code,Monaco,Consolas,monospace}.App{align-items:flex-start;background-color:#0a0a1a;color:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:0;position:relative;text-align:center}.App:after{animation:star-twinkle 5s ease-in-out infinite alternate,star-drift 200s linear infinite;background-image:radial-gradient(1px 1px at 10% 15%,#ffffffe6,#0000),radial-gradient(1px 1px at 30% 40%,#ffffffe6,#0000),radial-gradient(1px 1px at 60% 20%,#ffffffe6,#0000),radial-gradient(1px 1px at 80% 70%,#ffffffe6,#0000),radial-gradient(1px 1px at 5% 50%,#ffffffe6,#0000),radial-gradient(1px 1px at 15% 85%,#ffffffe6,#0000),radial-gradient(1px 1px at 25% 10%,#ffffffe6,#0000),radial-gradient(1px 1px at 35% 75%,#ffffffe6,#0000),radial-gradient(1px 1px at 45% 20%,#ffffffe6,#0000),radial-gradient(1px 1px at 55% 95%,#ffffffe6,#0000),radial-gradient(1px 1px at 65% 5%,#ffffffe6,#0000),radial-gradient(1px 1px at 75% 65%,#ffffffe6,#0000),radial-gradient(1px 1px at 85% 15%,#ffffffe6,#0000),radial-gradient(1px 1px at 95% 80%,#ffffffe6,#0000),radial-gradient(1px 1px at 20% 5%,#ffffffe6,#0000),radial-gradient(1px 1px at 70% 30%,#ffffffe6,#0000),radial-gradient(1px 1px at 40% 90%,#ffffffe6,#0000),radial-gradient(1px 1px at 90% 10%,#ffffffe6,#0000),radial-gradient(1px 1px at 50% 60%,#ffffffe6,#0000),radial-gradient(1px 1px at 5% 10%,#ffffffe6,#0000),radial-gradient(1px 1px at 25% 65%,#ffffffe6,#0000),radial-gradient(1px 1px at 75% 45%,#ffffffe6,#0000),radial-gradient(1px 1px at 10% 90%,#ffffffe6,#0000),radial-gradient(1px 1px at 60% 70%,#ffffffe6,#0000),radial-gradient(1px 1px at 30% 15%,#ffffffe6,#0000),radial-gradient(1px 1px at 80% 50%,#ffffffe6,#0000);background-size:400px 400px;content:"";height:100%;left:0;opacity:.9;pointer-events:none;position:absolute;top:0;width:100%;will-change:transform,opacity;z-index:0}@keyframes star-twinkle{0%,to{opacity:.2}10%{opacity:.5}25%{opacity:1}40%{opacity:.4}50%{opacity:1}60%{opacity:.6}75%{opacity:1}80%{opacity:.3}}@keyframes star-drift{0%{background-position:0 0}to{background-position:100% 100%}}@keyframes content-entrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.main-content-wrapper{animation:content-entrance 1s ease-out forwards;margin:0 auto;max-width:350px;opacity:0;padding:200px 5px 10px;position:relative;text-align:left;transform:translateY(20px);width:100%;z-index:2}.section{margin-bottom:0;padding-bottom:0}.hero-section{margin-bottom:8px;text-align:left}.hero-section h1{color:#f0f0f0;font-family:Inter,sans-serif;font-size:1.5em;letter-spacing:.1px;margin-bottom:1px;text-transform:none}.hero-section p{color:#aaa;font-size:.65em;margin-top:0}.main-content-wrapper h2{border-bottom:none;color:#b5b5b5;font-size:.8em;letter-spacing:.3px;margin-bottom:5px;margin-top:10px;padding-bottom:0;text-transform:lowercase}.main-content-wrapper h3{color:#fff;font-size:.65em;margin-bottom:1px;margin-top:8px}.main-content-wrapper p{color:#ccc;font-size:.8em;line-height:1.3;margin-bottom:3px}.main-content-wrapper ul{list-style-type:none;margin-bottom:6px;padding-left:0}.experience-item{align-items:center;border-radius:4px;color:#ccc;display:flex;flex-direction:column;justify-content:center;line-height:1;margin-bottom:2px;padding:3px 0;position:relative;text-align:center;transition:background-color .3s ease}.experience-item-title{align-items:center;display:flex;gap:5px}.experience-content{align-items:center;display:flex;flex-direction:column;gap:3px;width:100%}.experience-item:hover{background-color:#b08e640d}.experience-details-panel{background-color:#000000b3;border:1px solid #b08e6433;border-radius:6px;color:#f0f0f0;font-size:.7em;left:50%;line-height:1.4;max-width:250px;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;text-align:left;top:100%;transform:translateX(-50%) translateY(10px);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;visibility:hidden;white-space:normal;z-index:10}.experience-item:hover .experience-details-panel{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0);visibility:visible}.main-content-wrapper ul li strong{color:#fff}.main-content-wrapper a{color:#fff;text-decoration:none;transition:color .3s ease}.main-content-wrapper a:hover{color:#b08e64;text-decoration:underline}.experience-link{color:#fff;font-size:.8em;text-decoration:none;transition:color .3s ease}.company-logo{flex-shrink:0;height:.8em;width:auto}.project-icon{align-items:center;color:#b08e64;display:inline-flex;flex-shrink:0;height:.8em;justify-content:center;width:.8em}.project-icon svg{display:block;height:100%;width:100%}.project-item{margin-bottom:2px;transition:background-color .3s ease}.project-item:hover{background-color:#b08e640d}.project-item:last-child{border-bottom:none}.project-item h3{color:#f0f0f0;font-size:.75em;margin-bottom:1px}.project-item p{font-size:.8em;margin-bottom:2px}.project-item a{margin-right:6px}.social-links-container{display:flex;gap:10px;justify-content:center;margin-bottom:5px;margin-top:8px}.social-link{align-items:center;color:#b08e64;display:flex;font-size:.8em;text-decoration:none;transition:color .3s ease,transform .3s ease}.social-link:hover{color:#b08e64;text-decoration:underline;transform:scale(1.1)}.experience-description{color:#999;font-size:.6em;line-height:1.2;margin:0;max-height:0;opacity:0;overflow:hidden;text-align:center;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease}.experience-item:hover .experience-description{margin-top:4px;max-height:50px;opacity:1}.social-separator{animation:separator-breathe 4s ease-in-out infinite alternate;border:none;border-top:1px solid #ffffff1a;margin:10px auto;width:20%}@keyframes separator-breathe{0%,to{opacity:.1}50%{opacity:.4}}
/*# sourceMappingURL=main.c2d1cbdf.css.map*/