:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#1b1b1b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}html,body{height:100%;margin:0}.main-content{flex-grow:1;width:100%}.footer{text-align:center;padding:1rem 0;background-color:#181818;color:#fff9f9;font-size:.8rem;margin-top:auto}.navbar{display:flex;justify-content:center;background-color:#181818;padding:1rem 0}.navbar ul{display:flex;list-style:none;gap:2rem}.navbar a{color:#fff;text-decoration:none;font-size:1.2rem}.pen-name{color:#666;font-size:.5em;margin-top:4px;font-weight:400;text-align:left}.header-text{display:flex;flex-direction:column;margin-left:15px}.header{display:inline-flex;align-items:center;font-size:1.5rem}.aeroshide{width:133px;height:133px;margin-right:.5rem;vertical-align:middle;max-width:6em;height:auto}.subtext{font-size:.875rem;color:gray;margin-top:4px;text-align:center}.button-container{display:flex;gap:16px;margin-top:20px;justify-content:center;align-items:center;width:100%}.button{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:16px;font-weight:700;color:#fff;border:none;border-radius:8px;text-decoration:none;transition:box-shadow .3s,transform .3s}.button.youtube{background:linear-gradient(45deg,red,#ff45e9)}.button.youtube:hover{box-shadow:0 0 20px 5px #f00c;transform:scale(1.05)}.button.github{background:linear-gradient(45deg,#333,#6e6e6e)}.button.github:hover{box-shadow:0 0 20px 5px #333c;transform:scale(1.05)}.section-header{margin:2rem 0;text-align:left;max-width:1200px;margin-left:auto;margin-right:auto}.section-title{font-size:2.5rem;font-weight:700;color:#fff}.featured-title{background:linear-gradient(45deg,gold,#ffecb3,gold);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-animation 3s ease infinite}@keyframes gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.projects-container{max-width:1200px;margin:0 auto;padding:0 1rem}.featured-container .project-card.featured-card{position:relative;overflow:hidden;background:transparent;border:1px solid #333;box-shadow:0 8px 16px #0003}.featured-container .project-card.featured-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#9c8400,#4a3f00);background-size:300% 300%;animation:gradient-animation 6s ease infinite;z-index:0}.featured-container .project-card.featured-card>*{position:relative;z-index:1}.featured-container .project-card.featured-card .project-icon{width:90px;height:90px}.featured-container .project-card.featured-card .project-title{font-size:1.7rem}.featured-container .project-card.featured-card{position:relative;overflow:hidden;border:1px solid #333;box-shadow:0 8px 16px #0003}.featured-container .project-card.featured-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#9c8400,#4a3f00);background-size:300% 300%;animation:gradient-animation 6s ease infinite;z-index:-2}.featured-container .project-card.featured-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(45deg,#ffd7001a,#ffecb31a);pointer-events:none;z-index:-1}@keyframes gradient-bg{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}.project-card{display:flex;transition:transform .3s ease,box-shadow .3s ease;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:#2b2b2b;border-radius:12px;box-shadow:0 4px 6px #0000001a}.project-icon{width:80px;height:80px;margin-right:1.5rem;object-fit:contain}.project-details{flex:1;padding-left:0}.project-title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:#fff;text-align:left}.project-description{font-size:1rem;color:#b9b9b9;margin:0 0 1rem;line-height:1.5;text-align:left;padding-left:0}.project-buttons{display:flex;gap:1rem}.source-code-button,.download-button{display:flex;align-items:center;padding:.8rem 1.2rem;border-radius:8px;font-weight:500;text-decoration:none;transition:all .3s ease;white-space:nowrap;overflow:hidden}.source-code-button{background:linear-gradient(45deg,#333,#6e6e6e);color:#fff}.download-button{background:linear-gradient(45deg,#2ecc71,#27ae60);color:#fff}.source-code-button:hover,.download-button:hover{box-shadow:0 0 20px 5px #00000026;transform:translateY(-2px) scale(1.05)}.source-code-button span,.download-button span{transition:transform .3s ease}.source-code-button:hover span,.download-button:hover span{transform:scale(1.1)}.button-icon,.button-icon-disabled{margin-right:.5rem;font-size:1.2rem}.source-code-button.disabled-source{background:linear-gradient(45deg,#333,#6e6e6e);position:relative;cursor:not-allowed;overflow:hidden}.source-code-button.disabled-source .button-icon-disabled{display:none}.source-code-button.disabled-source:hover{background:linear-gradient(45deg,#f44,#c00)}.source-code-button.disabled-source:hover .button-icon:first-child{display:none}.source-code-button.disabled-source:hover .button-icon-disabled{display:inline-block}.source-code-button.disabled-source span{position:relative;transition:opacity .3s ease}.source-code-button.disabled-source:after{content:"Closed Source";position:absolute;left:60%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;color:#fff}.source-code-button.disabled-source:hover span{opacity:0}.source-code-button.disabled-source:hover:after{opacity:1}.download-button.disabled-download{background:linear-gradient(45deg,#2ecc71,#27ae60);cursor:not-allowed;overflow:hidden;position:relative}.download-button.disabled-download .button-icon-disabled{display:none}.download-button.disabled-download:hover{background:linear-gradient(45deg,#bdc3c7,#95a5a6)}.download-button.disabled-download:hover .button-icon:first-child{display:none}.download-button.disabled-download:hover .button-icon-disabled{display:inline-block}.download-button.disabled-download span{position:relative;transition:opacity .3s ease}.download-button.disabled-download:after{content:"Unavailable";position:absolute;left:60%;top:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;color:#fff}.download-button.disabled-download:hover span{opacity:0}.download-button.disabled-download:hover:after{opacity:1}.project-card{opacity:0;transform:translateY(30px);animation:projectCardEntry .6s ease-out forwards}.project-card:nth-child(1){animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:nth-child(5){animation-delay:.5s}.project-card:nth-child(6){animation-delay:.6s}.section-header{opacity:0;transform:translateY(20px);animation:sectionHeaderEntry .5s ease-out forwards}.section-header:nth-child(1){animation-delay:0s}.section-header:nth-child(4){animation-delay:.2s}.section-header:nth-child(7){animation-delay:.4s}@keyframes projectCardEntry{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes sectionHeaderEntry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card:hover{transform:translateY(-29px);box-shadow:0 6px 12px #0003}.main-content{text-align:center;padding:3rem 1rem;flex-grow:1;display:flex;flex-direction:column;align-items:center}.cta-link{display:block;color:#6cf;text-decoration:none;margin-top:1rem;font-weight:700}.social-links a{margin-right:1rem;color:#f61212;text-decoration:none;font-size:1.2rem}.pre-animate{opacity:0;transform:translateY(20px)}.animate{animation:fadeUp .6s ease-out forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header-container{display:flex;justify-content:center;margin-top:20px}.aeroshideContact{width:8em;height:auto}.info-text{font-size:1rem;color:#dadada;text-align:center;margin:20px auto;max-width:600px}.button-container{display:flex;justify-content:center;align-items:center;margin-top:20px}.button{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:16px;font-weight:700;border:none;border-radius:8px;text-decoration:none;transition:box-shadow .3s,transform .3s}.button .icon{font-size:20px}.button.email{background:linear-gradient(45deg,gold,#ff4500);color:#fff}.button.email:hover{box-shadow:0 0 20px 5px #ff4500cc;transform:scale(1.05)}.footer{text-align:center;padding:1rem 0;background-color:#1a1a1a;color:#fff9f9;font-size:.8rem}.footer p{font-family:Inter,sans-serif;font-size:1rem;opacity:.4;color:#fff;margin:0}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.App{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-content{flex-grow:1}.nav-link:hover{color:#36d7ff}.active-link{text-decoration:underline;font-weight:700;color:#36d7ff}a{text-decoration:underline}a:hover{color:#36d7ff}