body{color:#4b5563;background-color:#f1eee9;font-family:Rubik,sans-serif}nav{justify-content:space-between;align-items:center;padding:0 20%;display:flex}.nav-links{border-radius:20px;align-items:center;gap:60px;padding:8px;display:flex}.nav-links a{color:#4b5563;font-size:1.5rem;text-decoration:none}.nav-links a:hover,.nav-links a.active{background-color:#22c55e;border-radius:15px;padding:2px;box-shadow:0 4px 12px #0000001a}.logo-title{margin-top:10px}@media (min-width:319px) and (max-width:480px){nav{flex-direction:column}.nav-links{gap:5px;margin:10px 0}.logo-title{order:2}}@media (min-width:481px) and (max-width:1200px){nav{padding:0 5%}.nav-links{gap:12px;margin:20px}}@media (min-width:1201px) and (max-width:1600px){nav{padding:0 10%}.nav-links{gap:60px}}.logo-display{box-sizing:border-box;border:2px solid #22c55e;border-radius:1rem;justify-content:space-between;align-items:center;width:280px;height:100px;padding:1rem;display:flex}.logo-name{color:#22c55e;border-radius:12px;justify-content:flex-start;align-items:center;width:160px;height:120px;display:flex}.flashing-title{color:#4b5563;white-space:normal;justify-content:center;align-items:center;max-width:130px;animation:3s ease-in-out infinite fadeInOut;display:flex}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.hero{box-sizing:border-box;justify-content:space-between;align-items:center;padding:2% 20%;display:flex}.hero-left{border-radius:16px;max-width:45%}.intro{margin-bottom:1rem;font-size:2.8rem;font-weight:700}.highlight{color:#22c55e}.description{color:#4b5563;margin-bottom:2rem;font-size:1.5rem;line-height:1.6}.buttons{align-items:center;gap:1rem;display:flex}.buttons a{text-decoration:none}.download-btn{color:#4b5563;background-color:#22c55e;border:none;border-radius:8px;padding:.8rem 1.2rem;font-size:1.2rem;font-weight:700}.socials a{color:#4b5563;margin-right:1rem;font-size:1.5rem;text-decoration:none}.socials a:hover{color:#22c55e}.download-btn:hover{color:#f1eee9;cursor:pointer}.hero-right{justify-content:center;align-items:center;display:flex}.avatar-border{justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.avatar{border-radius:50%;width:400px;height:400px}.label{justify-content:space-between;padding:2% 20%;display:flex}.label-detail{align-items:center;gap:12px;display:flex}.label-detail h2{margin:0;font-size:3rem;font-weight:700;line-height:1}.label-detail p{margin:0;font-size:1.2rem;line-height:1.2}.skills{padding:0 20%}@media (min-width:319px) and (max-width:480px){.hero{flex-direction:column;padding:5%}.hero-left{width:100%;max-width:none}.intro,.description,.buttons{margin-left:20px}.avatar{width:300px;height:300px}.label{flex-direction:column}.label-detail{margin-bottom:15px}.skills{padding:10%}}@media (min-width:481px) and (max-width:1200px){.hero{flex-direction:column;padding:5%}.hero-left{width:100%;max-width:none}.avatar{width:330px;height:350px}.label{padding:2% 7%}.skills{padding:0 10%}}@media (min-width:1201px) and (max-width:1600px){.hero{padding:5% 10%}.hero-left{width:100%;max-width:none}.avatar{width:350px;height:350px}.label{padding:0 10% 2%}.skills{padding:0 9%}}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:2rem;margin-top:1rem;display:grid}.skill-item{border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:0;font-size:60px;transition:all .3s;display:flex}.skill-item p{text-align:left;color:#333;margin-top:.3rem;font-size:17px;font-weight:500}.skill-item:hover{color:#22c55e;transform:translateY(-4px)}@media (min-width:319px) and (max-width:480px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}.skill-item{padding:.5rem;font-size:40px}.skill-item p{font-size:16px}}@media (min-width:481px) and (max-width:1200px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}}.bio{justify-content:space-between;align-items:flex-start;padding:60px 20%;display:flex}.bio-sidebar{flex-direction:column;flex:.8;gap:20px;width:200px;padding-top:1.5rem;padding-left:2rem;display:flex}.bio-tab{color:#4b5563;text-align:left;cursor:pointer;background:0 0;border:none;font-size:1.2rem;transition:all .3s}.bio-tab:hover{color:#22c55e}.bio-tab.active{color:#22c55e;border-left:3px solid #22c55e;padding-left:10px;font-size:1.3rem;font-weight:600}.about-me{opacity:0;border-radius:12px;flex:2;padding:2rem;font-size:1rem;line-height:1.8;transition:opacity .5s,transform .5s;transform:translateY(-8px);box-shadow:0 2px 10px #0000000d}.about-me-title{text-align:center;margin-top:0;margin-bottom:35px}.about-me-item{margin-bottom:15px}.about-me-item:first-letter{color:#22c55e;float:left;margin-right:.4rem;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700;line-height:1}.about-me-description{flex-direction:column;justify-content:flex-start;display:flex}.about-me video{object-fit:cover;border-radius:12px;width:100%;box-shadow:0 4px 12px #0000001a}.about-me{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(-8px)}.about-me.active{opacity:1;transform:translateY(0)}@media (min-width:319px) and (max-width:480px){.bio{flex-direction:column;align-items:center;padding:10% 5%}.about-me-title{margin-top:15px;margin-bottom:15px}.bio-sidebar{justify-content:flex-start;padding-top:1.5rem;padding-left:0}}@media (min-width:481px) and (max-width:1200px){.bio{padding:5%}.about-me-title{margin-top:15px;margin-bottom:15px}.bio-sidebar{padding-top:1.5rem;padding-left:0}}@media (min-width:1201px) and (max-width:1600px){.bio{padding:5% 9%}}.resume{justify-content:space-between;align-items:flex-start;padding:60px 20%;display:flex}.resume-sidebar{flex-direction:column;gap:20px;width:200px;padding-top:1.5rem;padding-left:2rem;display:flex}.resume-tab{color:#4b5563;text-align:left;cursor:pointer;background:0 0;border:none;font-size:1.2rem;transition:all .3s}.resume-tab:hover{color:#22c55e}.resume-tab.active{color:#22c55e;border-left:3px solid #22c55e;padding-left:10px;font-size:1.3rem;font-weight:600}.resume-content{opacity:0;border-radius:12px;flex:1;padding:2rem;font-size:1rem;line-height:1.8;transition:opacity .5s,transform .5s;transform:translateY(-8px);box-shadow:0 2px 10px #0000000d}.resume-content.active{opacity:1;transform:translateY(0)}@media (min-width:319px) and (max-width:480px){.resume{flex-direction:column;align-items:center;padding:10% 5%}.resume-sidebar{flex-direction:row;justify-content:center;padding:1.5rem 0}.resume-tab.active{border-left:none}.resume-content{padding:0 1rem}}@media (min-width:481px) and (max-width:1200px){.resume{flex-direction:column;align-items:center;padding:5%}.resume-sidebar{flex-direction:row;justify-content:center;padding:1.5rem 0}.resume-tab.active{border-left:none;font-size:1.7rem}.resume-content{padding:0 1rem}.resume-tab{font-size:1.5rem}}@media (min-width:1201px) and (max-width:1600px){.resume{padding:5% 10%}.resume-content{padding:0 1rem}.resume-tab{font-size:1.5rem}}.experience-title{text-align:center;margin-top:0;margin-bottom:35px}.experience-item{margin-bottom:35px}.experience-line-one,.experience-line-two{justify-content:space-between;font-size:1.2rem;font-weight:700;display:flex}.experience-line-two{color:#22c55e}.experience-details{border-left:3px solid #22c55e}@media (min-width:319px) and (max-width:480px){.experience-line-one,.experience-line-two{font-size:1rem;font-weight:400}.experience-title{margin-top:15px;margin-bottom:15px}}@media (min-width:481px) and (max-width:1200px){.experience-title{margin-top:15px;margin-bottom:15px}}.education-title{text-align:center;margin-top:0;margin-bottom:35px}.education-item{justify-content:space-between;margin-bottom:35px;display:flex}.education-item img{border-radius:20%;width:70px;margin-right:20px}.education-detail{justify-content:flex-start;display:flex}.education-col-one,.education-col-two{font-size:1.2rem}.education-major,.education-time{font-weight:500}.education-col-two{flex-direction:column;align-items:end;display:flex}@media (min-width:319px) and (max-width:480px){.education-title{margin-top:15px;margin-bottom:15px}.education-item img{display:none}.education-col-one,.education-col-two{font-size:1rem}.education-location{text-align:end}}@media (min-width:481px) and (max-width:1200px){.education-title{margin-top:15px;margin-bottom:15px}}.project-container{color:#4b5563;justify-content:space-between;padding:40px 20% 0;display:flex}.project-detail{max-width:48%}.type{margin-left:1rem}.project-detail h1{font-size:3.5rem}.project-detail h2,.project-detail h4{color:#22c55e}.project-detail a{color:#4b5563;margin-right:2rem;font-size:2.5rem}.project-detail a:hover{color:#22c55e}.project-item{margin-bottom:12px}.project-display{flex-direction:column;width:50%;margin-top:5.5rem;display:flex}.project-video{object-fit:cover;border-radius:12px;width:100%;height:350px}.project-actions{flex-direction:column;align-items:end;display:flex}.project-actions p{color:#0bb74a;padding-right:12rem;font-family:Bitcount Grid Single,sans-serif;font-size:1.5rem;font-weight:400}.green-arrow{width:170px;margin-top:0;margin-right:12rem}.pagination-dots{justify-content:end;align-items:center;gap:8px;margin-top:2rem;margin-bottom:1rem;display:flex}.dot{background-color:#dcdcdc;border-radius:3px;width:40px;height:6px;transition:all .3s}.dot:hover{cursor:pointer}.dot.active{background-color:#22c55e;width:60px}.project-detail,.project-video,.project-actions{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(-8px)}.project-detail.active,.project-video.active,.project-actions.active{opacity:1;transform:translateY(0)}@media (min-width:319px) and (max-width:480px){.project-container{flex-direction:column;padding:40px 5%}.project-detail{max-width:100%}.project-title{font-size:1.5rem;display:flex}.project-detail h1{margin-right:2rem;font-size:2.5rem}.project-display{width:100%;margin-top:1rem}.pagination-dots{justify-content:center;margin-top:1rem}}@media (min-width:481px) and (max-width:1200px){.project-container{flex-direction:column;padding:40px 5%}.project-detail{max-width:100%}.project-title{justify-content:center;font-size:1.5rem;display:flex}.project-detail h1{margin-right:2rem;font-size:2.5rem}.project-display{width:80%;margin-top:1rem;margin-left:4rem}}@media (min-width:1201px) and (max-width:1600px){.project-container{padding:5% 10% 0}}.contact{padding:60px 20%}.contact-bio h2{font-weight:400}.contact-details{justify-content:flex-start;gap:1rem;margin-top:2rem;display:flex}.contact-item:hover{background-color:#22c55e;border-radius:15px;padding:4px}.contact-item a{color:#4b5563;text-decoration:none}.contact-resumes{justify-content:space-evenly;padding:0 20%;display:flex}.contact-resume-item{color:#4b5563;flex-direction:column;align-items:center;text-decoration:none;display:flex}.contact-resume-item img{width:60%}.contact-resume-item img:hover{width:61%}@media (min-width:319px) and (max-width:480px){.contact{padding:10% 5%}.contact-details{flex-direction:column;align-items:center}.contact-resumes{flex-direction:column}}@media (min-width:481px) and (max-width:1200px){.contact{padding:5%}.contact-resumes{flex-direction:column}}@media (min-width:1201px) and (max-width:1600px){.contact{padding:5% 10%}}