@keyframes blueGreen{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes goldShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}nav{background:linear-gradient(to right,#001536,#004080);padding:.75rem 0;text-align:center}.nav-links{display:inline-flex;align-items:center;gap:20px}.nav-links a{text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .2s ease}.nav-links a:not(.apps-text){color:#fff}.nav-links a:hover{color:#a8d0ff}.nav-links a[aria-current=page]{color:#a8d0ff;text-decoration:underline;text-underline-offset:6px}.nav-divider{height:4px;background-color:#000;width:100%}.apps-border{display:inline-block;padding:4px 12px;border-radius:12px;position:relative;isolation:isolate;transition:transform .2s ease}.apps-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:2px;border-radius:inherit;background:linear-gradient(90deg,gold,#b8860b,gold);background-size:300% 100%;animation:goldShift 6s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:-1}.apps-border:hover{transform:scale(1.05)}.apps-text{display:inline-block;background-image:linear-gradient(to right,#40ffaa,#1884f1,#40ffaa,#1884f1,#40ffaa);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:blueGreen 8s linear infinite;line-height:1}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;margin:0;padding:0;background:linear-gradient(to bottom right,#f2f7fb,#e6f0ff);color:#2c2c2c}.content-box{padding:25px;margin:30px auto;width:80%;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000f;text-align:left}.content-box h2,.content-box h1{text-align:center;color:#036;border-bottom:2px solid #cce0ff;margin:0 0 16px;padding:0 0 16px;line-height:1.15}.content-box p{text-indent:2em;line-height:1.6;font-size:1rem}.slideshow-container{max-width:60%;height:360px;position:relative;margin:40px auto;overflow:hidden;border-radius:12px;border:2px solid #ccc;background-color:#000;display:flex;align-items:center;justify-content:center}.slide{opacity:0;position:absolute;width:100%;height:100%;transition:opacity 1s ease-in-out;display:flex;justify-content:center;align-items:center}.slide img{width:auto;height:100%;max-height:100%;max-width:100%;object-fit:contain;background-color:#000}.slide.active{opacity:1;position:relative}.caption{display:none}.prev,.next{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);padding:16px;color:#fff;font-weight:700;font-size:24px;background-color:#00000080;border-radius:50%;z-index:10;-webkit-user-select:none;user-select:none}.prev{left:10px}.next{right:10px}.prev:hover,.next:hover{background-color:#000c}#top-button{display:block;margin:60px auto;padding:12px 20px;font-size:1rem;border:none;border-radius:8px;background-color:#036;color:#fff;cursor:pointer;transition:background-color .2s ease}#top-button:hover{background-color:#004c99}.project-image,.twitch-embed{width:100%;max-width:800px;aspect-ratio:16/9;border:2px solid #ccc;border-radius:8px;margin:1em auto;display:block}.thin-line{width:90%;margin:1em auto;border:none;border-top:1px solid #aaa}hr{border:none;border-top:4px solid #003366;margin:50px auto;width:80%}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.skills-container{overflow:hidden;padding:0 25px}.skills-scroll{display:flex;gap:1.5rem;width:max-content;animation:scroll 20s linear infinite}.skill-item{display:flex;align-items:center;gap:.5rem;transition:transform .3s}.skill-item img{opacity:1}.skill-item:hover{transform:scale(1.1)}