*{margin:0;padding:0}html{scroll-padding-top:300px}body{height:100vh;background:#122922;color:#fff;font-family:outfit}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:url(/assets/orbit-CL1KssAU.gif) center / cover no-repeat;opacity:.1;z-index:-1;filter:hue-rotate(120deg)}.navbar{display:flex;flex-direction:column;top:50%;left:3%;transform:translateY(-50%);align-items:center;position:fixed;background:linear-gradient(to top,#122922 30%,#3a583d);border-radius:10px;border:3px solid rgb(115,160,120);padding:7px 10px;z-index:999}.nav-menu{display:flex;flex-direction:column;align-items:center;list-style:none;gap:10px;font-size:20px}.nav-connect{padding:15px 40px;border-radius:20px;background:linear-gradient(267deg,#488b49,#acbf71);font-size:22px;cursor:pointer;transition:.2s}.nav-connect:hover{transform:scale(1.05)}.navbar img{width:6%;height:auto}.nav-menu li{display:flex;flex-direction:column;gap:5px;cursor:pointer;border-radius:10px;transition:background-color .1s ease}.nav-menu li.active{background-color:#334d36b3;border-radius:10px}.nav-menu li:hover{background-color:#4e7753b3;transition:.1s;border-radius:10px}.nav-menu li img{width:30px;height:10px;margin:auto;display:flex}.anchor-link{text-decoration:none;color:#fff}.navbar p{padding:7px 20px}.hero{display:flex;align-items:center;flex-direction:column;gap:30px;padding-top:7%}.hero h1{text-align:center;width:70%;font-size:90px;font-weight:600;line-height:60px}.hero span{background:linear-gradient(230deg,#6eb257 35%,#acbf71,#c5e063);background-clip:text;color:transparent;-webkit-background-clip:text;animation:move 4s ease-in-out infinite;background-size:150% 100%}.hero p{width:50%;text-align:center;font-size:20px;line-height:20px}.hero-action{display:flex;align-items:center;gap:25px;font-size:30px;font-weight:500;margin-bottom:50px}.hero-connect{padding:15px 25px;border-radius:20px;font-size:20px;background:linear-gradient(267deg,#acbf71,#59ba73);cursor:pointer}.hero-resume{padding:15px 25px;border-radius:20px;font-size:20px;border:2px solid white;cursor:pointer}.hero-resume a{text-decoration:none;color:#fff}.hero-connect:hover{border:2px solid white}.hero-resume:hover{transform:scale(1.03);border-color:#acbf71}.hero img{margin-top:8px;border-radius:23%;width:auto;height:400px}.about{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px;padding-top:3%}.about-title{position:relative}.about-title h1{padding:0 30px;font-size:80px;font-weight:600}.about-title img{position:absolute;bottom:0;right:0;z-index:-1}.about-section{display:flex;gap:80px}.about-right{display:flex;flex-direction:column;gap:30px}.about-paragraph{display:flex;flex-direction:column;gap:10px;font-size:20px;font-weight:500;max-width:650px}.about-skills{display:flex;flex-direction:column;gap:30px}.about-skill{position:relative;display:inline-block}.about-skill-drop{opacity:0;position:absolute;padding:5px 0;z-index:1;transition:all .2s}.about-skill:hover{height:55px}.about-skill:hover .about-skill-drop{opacity:1}.about-skill-top{display:flex;gap:50px;align-items:center;transition:.3s}.about-skill-top p{min-width:150px;font-size:25px;font-weight:500}.about-skill-top hr{outline:none;border:none;width:50%;height:8px;border-radius:50px;background:linear-gradient(267deg,#acbf71,#59ba73)}.about-skill-top:hover{transform:scale(1.01);transition:.3s}.about-achievements{display:flex;width:100%;justify-content:space-around;margin-bottom:80px}.about-achievement{display:flex;flex-direction:column;align-items:center;gap:10px;transition:.5s}.about-achievement h1{font-size:60px;font-weight:700;background:linear-gradient(267deg,#acbf71,#59ba73);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.about-achievement p{font-size:22px;font-weight:500}.about-achievement:hover{transform:scale(1.12);transition:.5s}.about-left img{border-radius:30px;height:400px;width:auto}.about a{text-decoration:none;color:#fff}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.projects a{text-decoration:none;color:#fff}.projects-title{position:relative}.projects-title h1{padding:0 30px;font-size:80px;font-weight:600}.projects-title img{position:absolute;bottom:0;right:0;z-index:-1}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%}.projects-card{background:#122922e6;border-radius:15px;padding:20px;text-align:center;border:2px solid rgb(115,160,120);transition:transform .3s ease,box-shadow .3s ease}.projects-card:hover{transform:translateY(-8px);box-shadow:0 8px 20px #0000004d}.projects-thumbnail{width:100%;height:auto;border-radius:10px;margin-bottom:15px}.projects-card h2{margin:10px 0;font-size:1.5rem}.projects-card p{font-size:.95rem;color:#ccc;margin-bottom:15px}.projects-button{display:inline-block;padding:10px 20px;background:linear-gradient(267deg,#488b49,#acbf71);color:#fff;border-radius:10px;text-decoration:none;transition:.3s ease}.projects-button:hover{background:linear-gradient(267deg,#366b38,#8fa358)}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}.projects-title h1{font-size:48px}.projects{margin:40px 20px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:100px 170px}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:80px;font-weight:600}.contact-title img{position:absolute;bottom:0;right:0;z-index:-1}.contact-section{display:flex;gap:150px}.contact-left{display:flex;flex-direction:column;gap:30px}.contact-left h1{font-size:80px;font-weight:700;background:linear-gradient(107deg,#c5e063,#6eb257);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-left p{max-width:550px;color:#fff;font-size:20px;line-height:35px}.contact-details{display:flex;flex-direction:column;gap:10px;color:#fff;font-size:22px}.contact-detail{display:flex;align-items:center;gap:20px}.contact-right{display:flex;flex-direction:column;align-items:start;gap:15px}.contact-right label{color:#fff;font-size:22px;font-weight:500}.contact-right input{border:none;width:700px;height:78px;padding-left:20px;border-radius:10px;background:#32323c;color:#acbf71;font-family:Outfit;font-size:20px}.contact-right textarea{width:675px;border:none;padding:25px;border-radius:10px;background:#32323c;color:#acbf71;font-family:Outfit;font-size:20px}.contact-submit{border:none;color:#fff;border-radius:25px;background:linear-gradient(267deg,#acbf71,#488b49);font-size:22px;padding:20px 60px;margin-bottom:50px;cursor:pointer;transition:.3s}.contact-submit:hover{transform:scale(1.05);transition:.3s}.contact-details a{text-decoration:none;color:#fff}.snap-container{display:inline-flex;flex-direction:row;align-items:flex-start;overflow-x:auto;overflow-y:hidden;width:100vw;scroll-snap-type:x mandatory;scroll-behavior:smooth;vertical-align:top;scrollbar-width:none}.snap-section{flex:0 0 100vw;scroll-snap-align:start;box-sizing:border-box;align-self:flex-start}.snap-container::-webkit-scrollbar{display:none}section.center-content{display:flex;align-items:center;justify-content:center;padding:40px 20px}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in.show{opacity:1;transform:translateY(0)}body{overflow-y:scroll;overflow-x:hidden}.footer{margin:50px 150px;display:flex;flex-direction:column;gap:30px}.footer-top{display:flex;justify-content:space-between}.footer-top-left p{font-size:20px;max-width:100%}.footer-top-right{max-width:45%;display:flex;align-items:center;text-align:right;gap:35px}.footer-top-right span{background:linear-gradient(267deg,#4aad52,#acbf71 70%);background-clip:text;color:transparent;-webkit-background-clip:text;animation:move 4s ease-in-out infinite;background-size:200% 100%}.footer-email-input{display:flex;gap:30px;padding:20px 80px 20px 30px;border-radius:50px;background:#32323b}.footer-email-input input{outline:none;border:none;background:transparent;color:#a0a0a0;font-family:Outfit;font-size:18px}.footer-subscribe{font-size:20px;padding:22px 50px;border-radius:25px;background:linear-gradient(-207deg,#c5e063,#4e7753);cursor:pointer;transition:.3s}.footer-bottom{display:flex;justify-content:space-between;font-size:15px}.footer-bottom-right{display:flex;gap:50px;margin-bottom:50px}.footer-email-input:hover{border:2px solid white}.footer-subscribe:hover{transform:scale(1.1);transition:.3s}.footer-top-left img{width:20%;height:auto}@keyframes move{0%,to{background-position:0 0}50%{background-position:100% 0}}.cubing{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:30px}.cubing-develop{font-size:50px;text-align:left;padding:30px;background:linear-gradient(-230deg,#6eb257 35%,#acbf71,#c5e063);background-clip:text;color:transparent;-webkit-background-clip:text}.cubing-description{text-align:left;max-width:50%}.cubing-banner{max-width:20%;height:auto;border-radius:25%;padding-bottom:20px}.resources{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:30px}.resources-develop{font-size:50px;text-align:left;padding:30px;background:linear-gradient(-230deg,#6eb257 35%,#acbf71,#c5e063);background-clip:text;color:transparent;-webkit-background-clip:text}.resources-description{text-align:left;max-width:50%}.resources-banner{max-width:20%;height:auto;border-radius:25%;padding-bottom:20px}.coding{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:30px}.coding-top{display:flex;gap:100px;text-align:center;justify-content:center}.coding-top-right{max-width:40%}.coding-top-left{gap:0px;padding:10px}.coding-contents{overflow-y:scroll;max-height:100px;padding-right:20px;padding-left:20px}.coding-contents-title{padding-top:35px;padding-bottom:10px;font-size:40px}.coding-top-left ul{list-style-type:none}.coding-develop{font-size:60px;padding-bottom:30px;padding-top:30px;background:linear-gradient(-230deg,#6eb257 35%,#acbf71,#c5e063);background-clip:text;color:transparent;-webkit-background-clip:text}.coding-entry-title{padding-top:10px;background:linear-gradient(90deg,#acbf71,#488b49);background-clip:text;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.coding-description{font-size:20px}.coding-banner{max-width:50%;height:auto;border-radius:25%;padding-bottom:20px}.coding-entry{margin:0;width:70%;text-align:left}.coding-entry hr{margin:40px 0;outline:none;border:none;height:3px;border-radius:50px;background:linear-gradient(-267deg,#acbf71 40%,#59ba73)}.coding-entry-title{margin-bottom:20px}.coding-entry-body{margin:0 6%}.coding-entry a{text-decoration:none;color:#c5e063}.blog{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:30px}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:15%;padding-top:17%}.error-develop{font-size:50px;text-align:left;padding:30px;background:linear-gradient(-230deg,#6eb257 35%,#acbf71,#c5e063);background-clip:text;color:transparent;-webkit-background-clip:text}