.navbar{position:fixed;height:40px;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:1rem 2rem;background-color:transparent}.navbar.scrolled{transition:background-color .3s ease;background-color:#efefefb3}.navbar-menu{list-style:none;display:flex;margin:0;padding:0;font-family:Outfit,sans-serif}.navbar-menu li a{color:#fff;text-decoration:none;transition:color .3s ease;font-size:20px;font-weight:700}.navbar.scrolled .navbar-menu li a{color:#000}.navbar.scrolled .navbar-menu li a:hover{color:#104f55;transition:color .3s ease}@media (max-width: 768px){.navbar{padding:.5rem 1rem}.navbar-menu li a{font-size:16px}}.hero-wrapper{position:relative;height:200vh}.hero{position:sticky;top:0;height:calc(110vh - 50px);width:100VW;display:flex;align-items:center;justify-content:center;z-index:1;color:#fff;background:linear-gradient(135deg,#104f55,#191414);background-size:cover;background-position:center;overflow-x:hidden}.hero-content{text-align:center;padding:1rem}.hero-content h1{font-size:200px;opacity:70%}.letter{opacity:0;display:inline-block;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.letter.visible{opacity:1;transform:translateY(0)}.hero p{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;font-size:30px;font-family:Outfit,sans-serif;font-weight:100}.hero p.visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.hero{height:100vh}.hero-content{padding:.5rem}.hero-content h1{font-size:80px}.hero p{font-size:18px}}#about-me{background-color:#f0f0f0;padding:2rem;text-align:center;border-radius:8px;margin:60px auto;max-width:1300px;box-shadow:0 4px 8px #0000001a;font-family:Outfit,sans-serif;font-weight:200;height:600px;display:flex;justify-content:center;flex-direction:column}#about-me h1{font-size:70px;color:#333;margin-bottom:1rem}#about-me p{margin-top:60px;font-size:1.2rem;line-height:1.6;color:#666;align-self:center;width:800px}@media (max-width: 768px){#about-me{padding:1rem;margin:30px auto;height:auto}#about-me h1{font-size:40px;margin-bottom:.5rem}#about-me p{font-size:1rem;line-height:1.4;width:80%}}.large-container{display:flex;flex-direction:column;align-items:center;width:100vw;height:1800px;margin-top:100px;background:linear-gradient(275deg,#104f55,#191414)}.competencies{display:flex;flex-direction:column;align-items:center;gap:50px;width:100vw;height:1000px;padding-top:200px}.category-container{position:relative;width:100%;max-width:80vw;height:80px;overflow:hidden;cursor:pointer}.category-title,.category-skills{position:absolute;top:50%;left:0;width:100%;white-space:nowrap;text-align:center;font-size:60px;font-family:Outfit,sans-serif;transition:opacity .5s ease,transform 1.5s ease;transform:translateY(-50%);color:#fff}.category-skills{font-size:20px;font-weight:200}.category-title{opacity:.8;transform:translate(0) translateY(-50%)}.category-skills{opacity:0;transform:translate(100%) translateY(-50%)}.category-container:hover .category-title{opacity:0;transform:translate(-100%) translateY(-50%)}.category-container:hover .category-skills{opacity:.6;transform:translate(0) translateY(-50%)}@media (max-width: 768px){.large-container{height:1500px;margin-top:100px;background:linear-gradient(275deg,#104f55,#191414)}.competencies{height:auto;margin-top:100px;padding-top:100px;gap:30px}.category-container{height:60px;max-width:90vw}.category-title,.category-skills{font-size:30px}.category-skills{font-size:10px;text-wrap:wrap}}.bubble-section{position:relative;overflow:hidden;width:100vw;height:600px}.bubble-section canvas{display:block}.bubble-container{display:flex;flex-direction:column;justify-content:center;align-content:center}.bubble-text{position:absolute;width:100vw;display:flex;justify-content:center;flex-direction:column;align-items:center;align-content:center;align-self:center}.bubble-container h1{font-family:Outfit,sans-serif;color:#fff;align-self:center;font-size:60px}.bubble-container p{font-family:Outfit,sans-serif;color:#fff;align-self:center;font-size:20px;width:700px;text-align:center;opacity:70%}.bubble-container p a{font-family:Outfit,sans-serif;color:#fff;align-self:center;font-size:20px}.bubble-container p a:hover{color:#104f55}@media (max-width: 768px){.bubble-section{margin-top:150px;height:400px;width:100vw;overflow-x:hidden}.bubble-container h1{font-size:40px}.bubble-container p{font-size:16px;width:90%}}.contact-wrapper{position:relative;width:100vw;display:flex;flex-direction:column;align-items:center;padding:50px 0}.chat-button{font-size:80px;padding:10px 20px;color:#fff;cursor:pointer;font-family:Playball,cursive}.contact-info{width:100%;max-height:0;overflow:hidden;opacity:0;text-align:center;margin-top:20px;padding:0 20px;transition:max-height .5s ease,opacity .5s ease,padding .5s ease}.contact-info.open{max-height:300px;opacity:1;padding:20px}.contact-icons{display:flex;justify-content:center;gap:20px}.contact-icon{font-size:40px;color:#fff;transition:transform .3s ease,color .3s ease;cursor:pointer}.contact-icon:hover{transform:scale(1.1);color:#104f55}@media (max-width: 768px){.contact-wrapper{padding:30px 0!important;margin-top:100px}.contact-info.open{padding:0!important}.chat-button{font-size:50px;padding:8px 15px}.contact-info{padding:0 10px}.contact-info.open{padding:15px}.contact-icons{gap:15px}.contact-icon{font-size:30px}}.certifications-section{display:flex;width:100vw;justify-content:space-around;align-items:center}.certification{flex:1;width:150px;height:auto;filter:grayscale(100%);transition:filter .3s ease;object-fit:contain}.certification:hover{filter:grayscale(0)}.certifications-section a:nth-child(1) img{width:300px;height:200px;align-self:center}.certifications-section a:nth-child(2) img{width:140px;height:200px;align-self:center}.certifications-section a:nth-child(3) img{width:170px;height:200px;align-self:center}.certifications-section a:nth-child(4) img{width:280px;height:200px;align-self:center;margin-right:70px}@media (max-width: 768px){.certifications-section{flex-wrap:wrap;justify-content:center;gap:20px;max-width:768px;overflow-x:hidden}.certification{margin-top:50px;width:100px}.certifications-section a:nth-child(1) img{width:100px;margin-left:-10px;height:auto}.certifications-section a:nth-child(2) img{width:40px;height:auto}.certifications-section a:nth-child(3) img{width:60px;height:auto;margin-left:20px}.certifications-section a:nth-child(4) img{width:100px;height:auto;margin-right:20px;margin-left:20px}}h1{font-family:Outfit,sans-serif;color:#efefef}body{margin:0;padding:0;overflow-x:hidden}