.navbar{width:100%;padding:1rem 12rem;background-color:#1a0b2e;color:#fff;display:flex;align-items:center;justify-content:space-between;position:relative}.navbar_logo{cursor:pointer}.navbar_links{display:flex;align-items:center;justify-content:center;list-style:none;gap:7.5rem;transition:.7s ease-in-out}.navbar_links li{cursor:pointer}.navbar_hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;gap:5px}.navbar_hamburger .line{width:25px;height:3px;background-color:#763cac;border-radius:5px;transition:.3s}.navbar_hamburger .line1{transform:rotate(45deg) translate(5px,6px)}.navbar_hamburger .line2{opacity:0}.navbar_hamburger .line3{transform:rotate(-45deg) translate(5px,-6px)}.navbar_links.active{display:flex;flex-direction:column;position:absolute;top:100%;right:0;background-color:#1a0b2e;width:100%;text-align:center;padding:1rem 0;z-index:1}.navbar_links.active li{padding:1rem 0}@media (max-width: 950px){.navbar_links{display:none}.navbar{padding:1rem 4rem}.navbar_hamburger{display:flex}}.hero{width:100%;height:calc(100vh - 7.5rem);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:15rem;padding-bottom:30px}.hero .me{display:flex;align-items:center;justify-content:center;color:#fff}.me .left-hero{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column}.me .left-hero .meImg{width:220px;position:relative}.me .left-hero .name{position:absolute;top:-30px;right:-80px;transform:translate(50%,-50%);display:flex;align-items:flex-start;justify-content:flex-start}.me .left-hero .name h3{position:relative;font-weight:500;margin-top:20px}.me .left-hero .name h3 span{color:#7127ba}.right-hero{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-family:Preahvihear}.right-hero h4{font-size:1rem;font-weight:500;margin-bottom:-5px;margin-top:-15px}.right-hero h2{font-size:3rem;font-weight:500;width:420px;line-height:1.4;color:#fff}.highlighted-cover{display:inline-block;position:relative;font-size:2.5rem;color:#b000ff;font-weight:700;text-shadow:2px 2px 5px rgba(0,0,0,.3)}.highlighted-cover:before{content:"";position:absolute;left:50%;top:50%;width:120%;height:120%;transform:translate(-50%,-50%);background:url(data:image/png;base64,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) no-repeat center;background-size:contain;z-index:-1}.right-hero h5{font-weight:500;font-size:1rem}.AboutMe{font-family:Preahvihear;display:flex;flex-direction:column;padding-top:2rem;gap:25px;color:#fff}.myJob,.myInfo{display:flex;flex-direction:column;align-items:start;justify-content:center;max-width:600px}.myJob h2,h4{display:flex;align-items:center;justify-content:center;font-weight:500;gap:10px}@media (max-width: 638px){.myJob h4 img{display:none}}@media (max-width: 680px){#arrow{display:none}.hero{padding-top:10rem;height:auto}.me .left-hero{flex-direction:column;align-items:center;text-align:center}.me .left-hero .name{position:static;transform:none;margin-top:10px}.me .left-hero .meImg{width:180px}.right-hero{align-items:center;text-align:center}.right-hero h2{width:auto;font-size:2rem}.highlighted-cover{font-size:2rem}.myJob h2,h4{font-size:1.2rem}}@media (max-width: 438px){.hero{padding-top:8rem;height:auto;padding-bottom:20px}.me .left-hero{align-items:center;text-align:center}.me .left-hero .meImg{width:150px}.me .left-hero .name{margin-top:5px;font-size:1.2rem}.right-hero{align-items:center;text-align:center}.right-hero h4{font-size:.9rem}.right-hero h2{font-size:1.8rem;width:auto}.highlighted-cover{font-size:1.8rem}.myJob h2,h4{font-size:1rem}}.work-field{width:100%;max-height:100vh;top:150px;padding:1rem 20px;font-family:var(--primary-font);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:15px;position:relative}@media (max-width: 638px){.work-field{margin-bottom:10vw}}.moreph__circle{width:360px;height:360px;background:radial-gradient(circle at center,rgba(34,27,66,.799) 10%,transparent 60%);border-radius:50%;position:absolute;top:10%;left:35%}.work-content{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%;padding:1rem 15px;color:#fff;gap:15px;z-index:2}.text-nor{font-weight:500;font-size:2rem;color:#fff}.workBox{width:100%;height:150px;background:transparent;padding:5px 50px;border-radius:5px;display:flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#130428 7%,#251043 34%,#38126d 57%,#261045 85%,#190634);border:1px solid #21153353;gap:20px;box-shadow:-3px -4px #693b93}.workBox .img img{width:100px}.workBox .workInfo{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.workInfo h2{font-size:1.4rem;font-weight:500;font-family:var(--secondary-font)}.workInfo p{font-size:12px;flex-wrap:wrap;max-width:400px;font-weight:500;font-family:var(--secondary-font)}.workInfo button{width:120px;height:35px;background:#2c1250;font-size:.8rem;font-family:var(--secondary-font);font-weight:500;color:#fff;outline:none;border:1px solid #693b93;margin-top:5px;cursor:pointer;border-radius:4px;box-shadow:35px 35px 100px #000}.workBox:nth-child(2){background:linear-gradient(140deg,#130428 7%,#251043 34%,#230b45 57%,#261045 85%,#190634);box-shadow:3px -4px #693b93}.workBox:nth-child(3){background:linear-gradient(140deg,#130428 7%,#251043 34%,#261045 85%,#190634);box-shadow:-3px 4px #693b93}.workBox:nth-child(4){background:linear-gradient(140deg,#130428 7%,#230e42 57% #382159 34%,#261045 85%,#190634 100%);box-shadow:3px 4px #693b93}@media (max-width: 680px){.workBox .img img{display:block}.work-field{top:100px;padding:1rem 15px}.moreph__circle{width:280px;height:280px;top:5%;left:25%}.work-content{grid-template-columns:1fr;padding:1rem 10px;gap:20px}.text-nor{font-size:1.5rem}.workBox:nth-child(2),.workBox:nth-child(3),.workBox:nth-child(4){box-shadow:-3px -4px #693b93}.workBox{height:130px;padding:5px 20px;gap:10px}.workBox .img img{width:80px}.workInfo h2{font-size:1.2rem}.workInfo p{font-size:11px;max-width:300px}.workInfo button{width:100px;height:30px;font-size:.75rem}}@media (max-width: 438px){.work-field{top:80px;padding:1rem 10px}.moreph__circle{width:220px;height:220px;top:0%;left:20%}.work-content{grid-template-columns:1fr;padding:1rem 5px}.text-nor{font-size:1.2rem}.workBox{height:120px;padding:5px 10px;gap:20px}.workBox .img img{width:60px}.workInfo h2{font-size:1rem}.workInfo p{font-size:10px;max-width:250px}.workInfo button{width:80px;height:30px;font-size:.7rem}}@media (max-width: 1115px){.workBox .img img{width:70px}.workBox{padding:0 20px}.workBox h2{font-size:1.2rem}.workBox p{font-size:10px}.workBox button{width:100px;height:30px;font-size:10px}}@media (max-width: 870px){.workBox .img img{display:none}}@media (max-width: 680px){.workBox .img img{display:block}}@media (max-width: 443px){.workBox h2{font-size:15px}.workBox p{display:none}.workBox button{width:80px;height:25px;font-size:10px}}.skills_Section{width:100%;min-height:100vh;margin-top:10rem;align-items:center;justify-content:center;flex-direction:column;display:flex}.skill-text{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:1.1rem}.skill-text h2,h3{font-weight:500}.skill-text h3{font-size:18px}.skill-text h2 span{color:#a362ff}.skills_icon{margin-top:30px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.vectors{display:flex;align-items:flex-start;justify-content:center}.vectors img{position:relative;top:0;left:0}.vectors img:nth-child(1){left:80px;top:-3px}.vectors img:nth-child(2){left:30px;top:-3px}.vectors img:nth-child(3){left:10px;top:-3px}.vectors img:nth-child(4){left:10px;top:-3px}.vectors img:nth-child(5){left:-10px;top:-3px}.vectors img:nth-child(6){left:-80px;top:-3px}.attr_user{display:flex;flex-direction:column;align-items:center;justify-content:center}.logo_ring{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.logo_ring:before{content:"";width:260px;height:160px;background-color:#3e1d6c;filter:blur(90px);border-radius:50px;position:absolute;top:0%;left:0%;transform:translate(-20%,-0%)}.logo_ring .logo_glow{width:150px;height:150px;background:linear-gradient(180deg,#301080,#5a20a4,#7840ad 60%,#4d2e9d);display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative}.logo_glow img{width:70px;position:relative}.ring img{position:absolute;bottom:-25px;left:0;width:200px;transform:translate(-15%,-0%)}.space_ring{position:relative;top:0;left:0;display:flex;align-items:center;gap:0;flex-direction:column}.space_ring img{position:absolute}.space_ring img:nth-child(1){top:-20px;width:500px}.space_ring img:nth-child(2){top:-10px;width:600px}.space_ring img:nth-child(3){top:0;width:800px}@media (max-width: 660px){.skills_icon{scale:.76;transform:scale(.76)}.attr_user{margin-top:-15vw;margin-bottom:2rem}}@media (max-width: 339px){.skills_icon{scale:.66;transform:scale(.76)}}.project_section{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;color:#fff}.project_box{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:20px 10px;border-radius:5px}.project_box:before{content:"";position:absolute;top:0;right:0;background-color:#763cac;border-radius:50%;width:300px;height:200px;filter:blur(70px);z-index:-1}.project_img{background-color:#2b0b3a;position:relative;border-radius:7px}.project_img img{display:flex;align-items:center;justify-content:center}.project_info{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;gap:5px}.project_info:nth-child(2){align-items:flex-end}.project_info h4{font-size:15px;font-weight:500;color:#9857d3}.project_info h2{font-size:28px;font-weight:500}.project_info .glass_text{width:700px;height:auto;background:#e9e9e91d;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border:1px solid grey;border-radius:10px;padding:10px 15px;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.flex{display:flex;align-items:center;justify-content:center;padding:10px 15px;gap:15px;color:#fff}.glass_moreph{width:200px;height:200px;background-color:#9857d3;position:absolute;bottom:100px;left:0;border-radius:999px;filter:blur(90px)}#info_svg{font-size:1.6rem;cursor:pointer;font-weight:500;transition:.2s ease-in-out}#info_svg:hover{color:#9857d3}#open_site_svg{font-size:1.5rem;cursor:pointer;font-weight:500;transition:.2s ease-in-out}#open_site_svg:hover{color:#9857d3}@media (max-width: 1115px){.project_section{padding:20px}.project_box{flex-direction:column;padding:15px}.project_box:before{width:200px;height:150px;filter:blur(50px)}.project_img{display:none}.project_info .glass_text{width:90%;padding:8px 12px}.project_info h2{font-size:24px}.project_info p{font-size:14px}.glass_moreph{width:150px;height:150px;bottom:80px}}@media (max-width: 638px){.project_section,.project_box{padding:10px}.project_img{display:none}.project_info .glass_text{width:100%;padding:6px 10px}.project_info h2{font-size:20px}.project_info p{font-size:12px}.glass_moreph{width:120px;height:120px;bottom:60px}}.footer{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px;flex-direction:column;color:#fff;width:100%;background-color:#25153c;border-radius:10px;padding:0 50px;padding-block:50px}.footer h2{font-size:2rem;font-weight:500}.footer p{font-size:1rem;width:70%;font-weight:500}.footer h3{font-size:1.2rem;font-weight:500}.footer h3 span{color:#9857d3;cursor:pointer}#svg_icon{font-size:2.5rem;font-weight:500;transition:.4s ease-in-out;border-radius:50%;padding:10px}#svg_icon:hover{background-color:#9857d3;font-size:2.5rem;cursor:pointer;box-shadow:0 0 100px #9857d3}@media (max-width: 1115px){.footer{padding:0 30px;padding-block:30px}.footer p{width:90%;font-size:.9rem}.footer h2{font-size:1.8rem}.footer h3{font-size:1rem}#svg_icon{font-size:2rem;padding:8px}}@media (max-width: 638px){.footer{padding:0 20px;padding-block:20px}.footer p{width:100%;font-size:.5rem}.footer h2{font-size:1.5rem}.footer h3{font-size:.7rem}#svg_icon{font-size:1.8rem;padding:6px}}@font-face{font-family:Preahvihear;src:url(/Preahvihear-Regular.woff)}@font-face{font-family:Poppins;src:url(/Poppins-Regular.woff)}:root{--primary-font: Preahvihear;--secondary-font: Poppins;--primary-bg: #11071F}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins;background-color:#11071f}.app{width:80%;height:100%;margin:auto;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:linear-gradient(135deg,#0c0c1ba1,#2117486f);border-radius:4px;box-shadow:inset 0 0 5px #0000001a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1e1c35,#342450);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#201b42,#3c2758)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#888,#666);border:2px solid #444}::-webkit-scrollbar-thumb{box-shadow:0 0 8px #0000004d}