.app-container .nav-bar-container{display:flex;justify-content:space-around;align-items:center;height:80px;width:100%;position:fixed;list-style:none;font-size:1.5rem;background-color:#fff;z-index:2}.app-container .nav-bar-container .logo{color:#000;font-size:1.5rem;text-decoration:none}.app-container .nav-bar-container .nav-links-container{display:none;gap:32px}.app-container .nav-bar-container .nav-links-container .nav-link{color:#000;text-decoration:none}.app-container .nav-bar-container .nav-links-container .nav-link:hover{color:gray;text-decoration:underline;text-underline-offset:1rem;text-decoration-color:#b5b5b5}.app-container .nav-bar-container .menu-icon-container{display:block}.app-container .section-container{min-height:100vh;padding-top:80px;margin:0 1rem}.app-container .section-container .section-sub-title{color:#555;font-size:.95rem}.app-container .section-container .section-title{font-size:2.5rem;text-align:center;font-weight:700}.drawer-nav-links{padding:2rem 1rem;display:flex;flex-direction:column;row-gap:24px;height:100%;justify-content:space-between}.drawer-nav-links .close-icon{width:18px;aspect-ratio:1}.drawer-nav-links .nav-links-container{display:flex;flex-direction:column;row-gap:.75rem}.drawer-nav-links .nav-links-container .nav-link{font-size:1.25rem;font-weight:500;width:fit-content}@media (min-width: 481px){.app-container .nav-bar-container .logo{font-size:1.8rem}.app-container .nav-bar-container .nav-links-container{display:none}.app-container .section-container{margin:0 4rem}.app-container .section-container .section-sub-title{font-size:unset}.app-container .section-container .section-title{font-size:3rem}}@media (min-width: 769px){.app-container .nav-bar-container .logo{font-size:2rem}.app-container .nav-bar-container .nav-links-container{display:none}.app-container .nav-bar-container .menu-icon-container{display:block}.app-container .section-container{margin:0 10rem}}@media (min-width: 1440px){.app-container .nav-bar-container .nav-links-container{display:flex}.app-container .nav-bar-container .menu-icon-container{display:none}}.home-page-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem}.home-page-container .vn-flag{width:55px;aspect-ratio:16/9}.home-page-container .avatar{width:170px;aspect-ratio:1;border-radius:50%;object-fit:cover;box-shadow:0 0 7px -4px #00000080}.home-page-container .my-info-container{display:flex;flex-direction:column;align-items:center}.home-page-container .my-info-container .my-position{color:#555;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.home-page-container .btn-container{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.home-page-container .btn{font-weight:600;transition:all .3s ease;padding:.7rem;min-width:8rem;border-radius:2rem;font-size:14px}.home-page-container .btn-color-1,.home-page-container .btn-color-2{border:rgb(53,53,53) .1rem solid}.home-page-container .btn-color-1:hover,.home-page-container .btn-color-2:hover{cursor:pointer}.home-page-container .btn-color-1,.home-page-container .btn-color-2:hover{background:#353535;color:#fff}.home-page-container .btn-color-1:hover{background:#000}.home-page-container .btn-color-2{background:none}.home-page-container .btn-color-2:hover{border:rgb(255,255,255) .1rem solid}@media (min-width: 481px){.home-page-container .avatar{width:300px}.home-page-container .my-info-container .my-position{font-size:1.75rem}}@media (min-width: 1025px){.home-page-container{flex-direction:row;gap:40px}.home-page-container .avatar{width:400px}}.about-page-container{display:flex;flex-direction:column}.about-page-container .about-page-content{display:flex;flex-direction:column;row-gap:1.5rem}.about-page-container .about-page-content .portrait-wrapper{flex:3;height:fit-content;border-radius:1rem;box-shadow:0 0 7px -4px #00000080}.about-page-container .about-page-content .portrait-wrapper img{width:100%;border-radius:1rem;object-fit:contain}.about-page-container .about-page-content .info-wrapper{flex:7;display:flex;flex-direction:column}.about-page-container .about-page-content .info-wrapper .my-jobs-container{display:flex;flex-direction:column;row-gap:1rem}.about-page-container .about-page-content .info-wrapper .my-jobs-container .left-jobs,.about-page-container .about-page-content .info-wrapper .my-jobs-container .right-jobs{flex:1;display:flex;flex-direction:column;row-gap:1rem;height:fit-content}.about-page-container .about-page-content .info-wrapper .my-jobs-container .job-card{flex:1;border-radius:.5rem;padding:1rem;box-shadow:0 0 7px -4px #00000080;transition:all .5s ease}.about-page-container .about-page-content .info-wrapper .my-jobs-container .job-card:hover{background-color:#00000008}.about-page-container .about-page-content .info-wrapper .my-jobs-container .job-card p{color:gray;font-size:.95rem}@media (min-width: 481px){.about-page-container .about-page-content{row-gap:2rem}.about-page-container .about-page-content .my-jobs-container,.about-page-container .about-page-content .my-jobs-container .left-jobs,.about-page-container .about-page-content .my-jobs-container .right-jobs{row-gap:1.5rem}}@media (min-width: 1025px){.about-page-container .about-page-content{flex-direction:row;column-gap:1.5rem}.about-page-container .about-page-content .my-jobs-container{flex-direction:row}.about-page-container .about-page-content .my-jobs-container .job-card p{font-size:1rem}}.contact-page-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.contact-page-container .contact-info-container{display:flex;flex-direction:column;justify-content:center;border-radius:1rem;border:.1rem solid rgb(163,163,163);padding:.5rem;margin:.5rem auto}.contact-page-container .contact-info-container .contact-info{display:flex;align-items:center;gap:.5rem;margin:.5rem}.contact-page-container .contact-info-container .contact-info a{font-size:larger;cursor:pointer}.contact-page-container .contact-info-container .contact-info .nav-link{color:#000;text-decoration:none}.contact-page-container .contact-info-container .contact-info .nav-link:hover{color:gray;text-decoration:underline;text-underline-offset:1rem;text-decoration-color:#b5b5b5}.contact-page-container .copyright-text{font-size:.7rem}@media (min-width: 481px){.contact-page-container .contact-info-container{border-radius:2rem;margin:2rem auto}.contact-page-container .contact-info-container .contact-info{margin:1rem}}@media (min-width: 769px){.contact-page-container .contact-info-container{flex-direction:row}}.experience-page-container{display:flex;flex-direction:column}.experience-page-container .experience-page-content{display:flex;flex-direction:column;row-gap:1.5rem}.experience-page-container .experience-page-content .milestone-tree{width:2px;background-color:#0003;height:96%;position:absolute;left:12px}.experience-page-container .experience-page-content .milestone{width:10px;aspect-ratio:1;border-radius:50%;background-color:#000;position:absolute;left:8px;top:12px}.experience-page-container .experience-page-content .company-name{font-size:1.1rem;font-weight:700;margin-bottom:0}.experience-page-container .experience-page-content .project-name{margin-bottom:0;font-weight:700;font-size:1rem;padding-top:.4rem}.experience-page-container .experience-page-content .position-name{font-size:.9rem}.experience-page-container .experience-page-content .zkSync img,.experience-page-container .experience-page-content .moonpay img,.experience-page-container .experience-page-content .transak img{width:70%;aspect-ratio:unset}.experience-page-container .experience-page-content .wagmi img{width:40%;aspect-ratio:unset}.experience-page-container .experience-page-content .aws img{width:30%;aspect-ratio:unset}@media (min-width: 481px){.experience-page-container .experience-page-content{row-gap:3rem}.experience-page-container .experience-page-content .company-name{font-size:1.4rem}.experience-page-container .experience-page-content .project-name{font-size:1.25rem}.experience-page-container .experience-page-content .zkSync img,.experience-page-container .experience-page-content .moonpay img,.experience-page-container .experience-page-content .transak img{width:65%}.experience-page-container .experience-page-content .wagmi img{width:40%}.experience-page-container .experience-page-content .aws img{width:30%}}@media (min-width: 1025px){.experience-page-container .experience-page-content{flex-direction:row;column-gap:1.5rem}.experience-page-container .experience-page-content .company-name{font-size:1.4rem}.experience-page-container .experience-page-content .project-name{font-size:1.25rem}.experience-page-container .experience-page-content .zkSync img,.experience-page-container .experience-page-content .moonpay img,.experience-page-container .experience-page-content .transak img{width:100%}.experience-page-container .experience-page-content .wagmi img{width:70%}.experience-page-container .experience-page-content .aws img{width:50%}}.project-page-container{display:flex;flex-direction:column}.project-page-container .project-card{display:flex;flex-direction:column;padding:1rem;border-radius:.6rem;box-shadow:0 0 7px -4px #00000080;margin:.5rem}.project-page-container .project-card .project-thumbnail{flex:3;height:auto;background-color:#00000008;border-radius:.4rem}.project-page-container .project-card .project-thumbnail img{width:100%;height:100%;aspect-ratio:16/9;border-radius:.4rem;object-fit:cover}.project-page-container .project-card .project-info{flex:7}.project-page-container .project-card .project-info .expanded-button{border:none;padding:.6rem;border-radius:50%;background-color:transparent;width:30px;height:30px;display:flex;justify-content:center;align-items:center;transition:all .2s ease-in}.project-page-container .project-card .project-info .expanded-button:hover{transform:scale(1.2);box-shadow:0 0 7px -4px #00000080}.project-page-container .project-card .tags-container{display:flex;flex-wrap:wrap;gap:.3rem}.project-page-container .project-card .tags-container p{font-size:.6rem}.project-page-container .project-card .tags-container .tag{color:#fff;font-weight:400;padding:.2rem .3rem;border-radius:.5rem;background-color:#000}.project-page-container .project-card p{font-size:.8rem}.project-page-container .MuiTabPanel-root{padding:0}.all-projects-panel,.websites-panel,.mobile-apps-panel{display:grid;grid-template-columns:auto}@media (min-width: 481px){.project-page-container .project-card{flex-direction:column}.project-page-container .project-card .project-thumbnail{height:100%;margin-bottom:0}.project-page-container .project-card .tags-container p{font-size:.8rem}.project-page-container .project-card .tags-container .tag{padding:.2rem .3rem}.project-page-container .project-card p{font-size:.85rem}}@media (min-width: 1025px){.project-page-container .project-card p{font-size:.85rem}.all-projects-panel,.websites-panel,.mobile-apps-panel{grid-template-columns:auto auto}}@media (min-width: 1440px){.project-page-container .project-card p{font-size:.95rem}.all-projects-panel,.websites-panel,.mobile-apps-panel{grid-template-columns:auto auto auto}}.scroll-button{position:fixed;right:30px;bottom:50px;border:none;border-radius:50%;width:45px;aspect-ratio:1;background-color:#fff;box-shadow:inset 0 0 7px -4px #00000080;display:flex;justify-content:center;align-items:center}.rotate-arrow-icon{transform:rotate(-180deg)}.tech-box{display:flex;flex-direction:column;align-items:center;border-radius:.6rem;padding:1rem;box-shadow:0 0 7px -4px #00000080;transition:all .5s ease}.tech-box:hover{background-color:#00000008}.tech-box img{width:25%;aspect-ratio:1}.tech-box p{margin-top:6px;font-size:14px;font-weight:600}@media (min-width: 481px){.tech-box img{width:25%}}@media (min-width: 1025px){.tech-box img{width:45%}}.cursor-pointer{cursor:pointer}.flex-1{flex:1}.height-fit-content{height:fit-content}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Poppins,sans-serif;background-color:#fff;scroll-behavior:smooth;-webkit-user-select:none;user-select:none}