:root{font-family:Roboto,sans-serif;--primary-color: #86F486;--secondary-color: #4CA84C;--tertiary-color: #f1aa70;--faded-background: rgba(255, 255, 255, .31);--primary-font-color: #f5f5f5;--secondary-font-color: #f5f5f5;--glass-background: rgba(255, 255, 255, .15);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .1);--glass-blur: blur(16px)}*{margin:0;padding:0;box-sizing:border-box}canvas{position:fixed;top:0;left:0}nav{position:fixed;top:0;left:50%;transform:translate(-50%);width:75%;display:flex;justify-content:space-around;align-items:center;z-index:1;background:rgba(134,244,134,.25);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:50px;border:1px solid rgba(255,255,255,.4);box-shadow:var(--glass-shadow);margin:2rem auto;padding:1rem}main{display:flex;position:absolute;width:100%;justify-content:center;flex-direction:column}nav p{text-decoration:none;cursor:pointer;font-size:1.5em;border-radius:50px;padding:.5em;transition:.2s}nav p:hover{background:rgba(76,168,76,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}nav p.active{background:rgba(255,255,255,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.nav-transitioning{position:relative}.nav-transitioning:after{content:"";position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:20px;height:3px;background-color:var(--tertiary-color);border-radius:2px;animation:pulse .5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.5;transform:translate(-50%) scale(1.2)}}.tabcontent{width:80%;grid-template-columns:repeat(12,1fr);grid-auto-rows:auto;margin:5rem auto}.tabcontent#about{display:none}.tabcontent#about .about-container{grid-column:6 / 13;display:flex;flex-direction:column;gap:2rem;margin:5rem 1rem}.tabcontent#about .about-photo{display:flex;justify-content:center}.tabcontent#about .about-photo img{width:200px;height:200px;border-radius:50%;object-fit:cover;border:2px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:transform .3s ease}.tabcontent#about .about-photo img:hover{transform:scale(1.05)}.tabcontent#about .about-content{background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);padding:2rem;border-radius:20px;border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.tabcontent#about .about-content h1{color:var(--secondary-color);font-size:2rem;margin-bottom:1rem;text-align:center}.tabcontent#about .about-content h2{color:var(--secondary-color);font-size:1.3rem;margin-top:1.5rem;margin-bottom:.5rem;border-left:4px solid var(--primary-color);padding-left:.75rem}.tabcontent#about .about-content p{line-height:1.7;color:#1a1a1a;margin-bottom:1rem;text-align:justify}.tabcontent#about .about-content p.intro{font-size:1.1rem;font-weight:500;color:#1a1a1a}.tabcontent#projects{display:none;margin-top:8rem}.tabcontent .project{display:flex;flex-direction:column;margin:2rem 1rem;padding:0;border-radius:20px;grid-column:6 / 13;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.tabcontent .project:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0003;border:1px solid rgba(255,255,255,.5)}.tabcontent .project h2{padding:1.5rem 2rem .5rem;font-size:1.5rem;color:var(--secondary-color)}.tabcontent .project .project-media{width:100%;height:auto;overflow:hidden}.tabcontent .project .project-media img{width:100%;height:250px;object-fit:cover;transition:transform .3s ease}.tabcontent .project:hover .project-media img{transform:scale(1.05)}.tabcontent .project .project-details{padding:1.5rem 2rem 2rem}.tabcontent .project .description{line-height:1.7;color:#1a1a1a;margin-bottom:1.5rem}.tabcontent .project .tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tabcontent .project .tech-tag{background:rgba(134,244,134,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(134,244,134,.4);color:#1a1a1a;padding:.3rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500}.tabcontent .project .project-links{display:flex;gap:1rem;flex-wrap:wrap}.tabcontent .project .project-link{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:rgba(76,168,76,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(76,168,76,.4);color:#fff;text-decoration:none;border-radius:25px;font-weight:500;transition:all .3s ease}.tabcontent .project .project-link:hover{background:rgba(76,168,76,.8);border:1px solid rgba(76,168,76,.6);transform:translateY(-2px);box-shadow:0 4px 15px #4ca84c4d}.tabcontent #gallery-section{display:flex;flex-direction:column;width:100%;grid-column:1 / 13;justify-content:center;align-items:center;padding:3rem;margin-top:2rem;border-radius:30px;row-gap:2rem;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.tabcontent #gallery-section h3{font-size:1.5rem;color:var(--secondary-color)}.tabcontent #gallery-section>p{text-align:center;color:#1a1a1a;max-width:600px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;width:100%}.gallery-content{position:relative;width:100%;border-radius:15px;overflow:hidden;background:var(--glass-background);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:transform .3s ease}.gallery-content:hover{transform:scale(1.03);border:1px solid rgba(255,255,255,.5)}.gallery-content img{width:100%;height:180px;object-fit:cover;display:block}.gallery-content .gallery-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;padding:2rem 1rem 1rem;font-size:.9rem;text-align:center}.tabcontent .contact{display:flex;flex-direction:column;width:100%;grid-column:1 / 13;justify-content:center;align-items:center;margin:5rem 0;padding:3rem;border-radius:30px;row-gap:2rem;background:var(--glass-background);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.tabcontent .contact>p{font-size:1.2rem;color:#1a1a1a}.tabcontent#contacts .contact ul{list-style-type:none;display:flex;flex-direction:column;gap:1rem}.tabcontent#contacts .contact ul li{text-align:center}.tabcontent#contacts .contact ul li a{color:var(--secondary-color);text-decoration:none;font-size:1.1rem;font-weight:500;padding:.5rem 1rem;border-radius:10px;transition:all .3s ease}.tabcontent#contacts .contact ul li a:hover{background:rgba(134,244,134,.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(134,244,134,.4)}.project-link[href="#"]{background:rgba(136,136,136,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(136,136,136,.3);cursor:not-allowed;opacity:.7}.project-link[href="#"]:hover{background:rgba(136,136,136,.4);transform:none;box-shadow:none}.project-link[href="#"]:after{content:" (Coming Soon)";font-size:.75rem;opacity:.8}