@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;500;700&display=swap";*,*:before,*:after{box-sizing:border-box}html{font-size:18px}body{margin:0;background-color:#0c0c0c;color:#fff;font-family:Poppins,sans-serif!important;font-weight:200;line-height:1.5;overflow-x:hidden;width:100%}nav{position:fixed;top:0;left:0;width:100%;background-color:#030002e1;padding:.9375rem 0;text-align:center;z-index:100}nav a{margin:0 .9375rem;color:#af6bb1;text-decoration:none;font-weight:500}nav a:hover{text-decoration:underline}#canvas-container{position:fixed;left:0;top:0;width:40%;height:100vh;z-index:1;pointer-events:auto;transition:opacity .3s ease,transform .3s ease}#home{min-height:65vh;width:100%;display:flex;flex-direction:row;position:relative}.left-content{width:50%;height:100%;padding:5rem 2rem 2rem;box-sizing:border-box;margin-left:45%;max-width:800px}.intro-text{margin-top:2rem;font-size:1.1rem}h1{word-wrap:break-word;white-space:normal;font-size:2.2rem;font-weight:700}h2{word-wrap:break-word;white-space:normal;font-size:1.75rem;font-weight:500}h3{font-size:1.8rem;font-weight:500}p{word-wrap:break-word;white-space:normal}sub{font-size:16px}.shader-preview-container{display:flex;gap:20px;margin-top:2rem;margin-bottom:2rem}.shader-thumbnail{flex:1;height:200px;position:relative;border-radius:8px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.shader-thumbnail:hover{transform:translateY(-5px);box-shadow:0 10px 30px #af6bb14d;border-color:#af6bb1}.shader-canvas{width:100%;height:100%;display:block}.shader-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px 15px 15px;color:#fff}.shader-title{font-size:1rem;font-weight:500;margin-bottom:5px;font-family:Poppins,sans-serif}.shader-description{font-size:.85rem;font-weight:200;opacity:.9;font-family:Poppins,sans-serif}#projects{min-height:100vh;padding:0 1.875rem 1.875rem;margin-top:-5rem;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;font-weight:500}.project-bars{width:100%;margin:1.25rem 0}.project-bar{position:relative;width:100%;height:6.25rem;margin-bottom:.625rem;overflow:hidden;cursor:pointer;transition:all .5s ease}.project-bar.expanded{height:auto}.project-bar.expanded:after{content:"";position:absolute;top:6.25rem;left:0;width:60%;height:calc(100% - 6.25rem);background-color:#000000b3;z-index:2}.project-title{position:absolute;left:3.125rem;top:50%;transform:translateY(-50%);color:#fff;font-size:1.5rem;font-weight:300;z-index:10;transition:all .3s ease}.project-bar.expanded .project-title{top:1.25rem;transform:none;font-size:1.75rem}.project-bar-bg{width:100%;height:100%;min-height:6.25rem;background-size:cover;background-position:center;position:absolute;top:0;left:0;z-index:0}.project-bar-bg:before{content:"";position:absolute;left:0;top:0;width:40%;height:100%;background:linear-gradient(90deg,#000c,#0006 70%,#0000);z-index:1}.project-content{max-height:0;overflow:hidden;transition:max-height .5s ease;padding:0 1.25rem;color:#fff;position:relative;z-index:5;max-width:55%;margin-left:1.25rem}.project-bar.expanded .project-content{padding:6.25rem 1.25rem 1.25rem}.project-content p{margin-bottom:1.25rem;font-family:Poppins,sans-serif!important;font-weight:200;font-size:1.1rem}.project-content a{font-family:Poppins,sans-serif!important;font-weight:500;color:#8a2be2;text-decoration:none}.project-content a:hover{text-decoration:underline}#Zoodini .project-bar-bg{background-image:url(/images/zoodini.png)}#NeuroScent .project-bar-bg{background-image:url(/images/neuroscent.png)}#Sentiment .project-bar-bg{background-image:url(/images/sentiment.png)}#PhysicsXR .project-bar-bg{background-image:url(/images/xr.png)}#Sailing .project-bar-bg{background-image:url(/images/sailing.png)}#anime .project-bar-bg{background-image:url(/images/companion.png)}#personalproject .project-bar-bg{background-image:url(/images/cloud.png)}.about-footer-home{background:linear-gradient(#0c0c0c,#692766);padding:2rem}.about-footer-content-home{display:flex;justify-content:space-between;align-items:flex-start}.about-footer-greeting-home{flex:1}.about-footer-greeting-home h2{color:#fff;font-size:2rem;margin-bottom:.5rem}.about-footer-greeting-home p{color:#ccc}.about-footer-links-home{flex:1;display:flex;justify-content:space-around}.about-footer-section-home{display:flex;flex-direction:column}.about-footer-home h3{color:#fff;margin-bottom:1rem}.about-footer-home a{color:#ccc;margin-bottom:.5rem;text-decoration:none}.about-footer-home a:hover{color:#fff;text-decoration:underline}.text-separator-home{text-align:center;margin:1rem 0;color:#fff;letter-spacing:.1875rem;font-size:1.5rem}#particles-js{position:fixed;width:100%;height:100%;top:0;left:0;z-index:-1}@media (max-width: 1200px){.left-content{margin-left:42%;width:58%;padding:5rem 1.5rem 2rem}}@media (max-width: 992px){#canvas-container{width:35%}.left-content{margin-left:40%;width:60%}}@media (max-width: 768px){html{font-size:16px}#canvas-container{opacity:.3;width:100%;height:50vh;transform:scale(.8)}.left-content{margin-left:0;padding-left:2rem;padding-right:2rem;width:100%;z-index:2;position:relative}.intro-text{margin-top:5rem}.project-content{max-width:90%}.project-bar-bg:before{width:100%}.project-bar.expanded .project-content{max-width:90%}.shader-preview-container{flex-direction:column;gap:15px}.shader-thumbnail{height:180px}}@media (max-width: 576px){html{font-size:16px}nav{padding:.75rem 0}nav a{margin:0 .5rem;font-size:.9rem}.intro-text{margin-top:5rem}h1{font-size:1.8rem}h2{font-size:1.4rem}.left-content{padding:4rem 1rem 1rem}}@media (min-width: 1200px){html{font-size:20px}}