body{background:linear-gradient(180deg,#2d042e,#000000);background-repeat:no-repeat;background-size:cover;color:#e6e6e6;background-attachment:fixed;background-position:50%}.content-container,body{margin:0;overflow:hidden}.content-container{position:fixed;top:56px;left:0;bottom:0;width:100%;display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;padding-bottom:2rem}.projects-scroll-pane{width:70%;max-width:900px;height:100vh;background-color:#2a2a2a;border-radius:0;padding:1.5rem 1.5rem 3rem;color:#e6e6e6;overflow-y:auto;box-sizing:border-box;opacity:100%}.content-card,.project-card{padding:1rem;background-color:#3a3a3a;border-radius:8px;text-align:center}.project-card{margin-bottom:2rem}.project-card h2{margin:1rem 0 .5rem}.project-card p{margin:0;line-height:1.5}.project-card h2{margin:1rem 0;color:#fff}.project-card p{margin:.75rem 0;line-height:1.6}.project-media{width:100%;max-width:600px;height:auto;border-radius:8px;margin:0 auto 1rem;display:block}.projects-scroll-pane::-webkit-scrollbar{width:8px}.projects-scroll-pane::-webkit-scrollbar-thumb{background-color:#444}.fade-container{position:relative;width:100%;height:100%}.page-content{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1}.fade-out,.page-content{transition:opacity .5s ease}.fade-out{opacity:0;pointer-events:none}.fade-in{transition:opacity 1s ease 1s;opacity:1}.navbar-top{position:fixed;top:0;left:0;width:100%;z-index:30}.hidden{opacity:0}.custom-link{color:aqua}.controls{flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;gap:.75rem;color:#ddd}.controls,.filter{display:flex;align-items:center}.filter{gap:.5rem}.filter span,.sort span{font-weight:600}.filter-btn{background-color:#3a3a3a;color:#eee;border:1px solid #444;border-radius:.5rem;padding:.4rem .9rem;font-size:.9rem;cursor:pointer;transition:background-color .2s,transform .1s}.filter-btn.active{background-color:#666;color:white}.sort select{background-color:#212529;color:#eee;border:1px solid #444;border-radius:.5rem;padding:.4rem .7rem;font-size:.9rem}.image-carousel-wrapper{width:300px;height:400px;overflow:hidden;position:relative;border-radius:8px;margin:0 auto}.image-carousel-item{transition:opacity .5s ease-in-out;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center}.image-carousel-item.fading-out{opacity:0}.image-carousel-item.fading-in{opacity:1}