@import"https://fonts.googleapis.com/css2?family=Antonio:wght@100..700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Kumbh+Sans:wght@100..900&family=League+Spartan:wght@100..900&family=Manrope:wght@200..800&family=Preahvihear&display=swap";*{padding:0;margin:0;box-sizing:border-box}body,html{overflow-x:hidden}.logo{width:35px;height:39px}header{width:100%;background-color:#1a0b2e;height:100px;display:flex;justify-content:center;align-items:center}header>nav{width:100%;height:100%;display:flex;justify-content:space-around;align-items:center}.section{display:flex;gap:120px;color:#fff}.section a{text-decoration:none;color:#763cac!important}.section a:visited,.section a:active{color:#f8f6f6}@media screen and (width <= 520px){.section{display:flex;gap:40px}}@media screen and (width <= 290px){.section{gap:15px}}.me{margin-top:100px;margin-left:170px}.images{position:relative;width:350px;height:350px;margin-left:50px}.gradient{position:absolute;inset:0;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#763cac,#320f8500);z-index:-2}.light{position:absolute;inset:0;margin:auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#fff 17.71%,#43434300);z-index:-1}.image-wrapper{position:absolute;inset:0;margin:auto;width:180px;height:180px;border-radius:50%;overflow:hidden;box-shadow:inset 0 7px 29px #fff3}.myImage{width:100%;height:100%;object-fit:cover;padding:8px;border-radius:50%}.arrow{position:absolute;margin-top:80%;transform:translate(150%,-240%)}.text{position:absolute;top:-20px;left:-160px;font-size:16px}.text2{position:absolute;top:70px;right:-160px;font-size:16px}.text3{position:absolute;top:130px;right:-180px;font-size:32px;font-weight:600;position:relative;margin-left:150px;width:500px;line-height:1.2}.text3 .highlight{color:#9857d3;font-style:italic}.text4{position:absolute;top:240px;right:-505px;font-size:15px;opacity:.8}.miniText{margin-top:40px;max-width:700px;margin-left:110px}.miniText h1{font-size:36px;font-weight:700;color:#fff}.miniText p{margin-top:10px;font-size:16px;line-height:1.6;color:#fff}.miniText2{margin-top:30px;font-size:15px;line-height:1.7;color:#fff}.text,.text2,.text3,.text4{color:#fff}.text{padding-top:35px;font-size:19px;margin-left:450px;width:300px}.text2{margin-top:15px}@media screen and (width <= 1496px){.me{margin-left:160px}}@media screen and (width <= 1164px){.me{margin-left:0}}@media (max-width: 925px){.miniText h1{font-size:24px}.miniText p{font-size:14px}.text{margin-top:3px;font-size:15px}.text3{padding-top:25px;font-size:22px}.text4{width:300px;margin-right:240px;padding-left:-20px}}@media screen and (width <= 804px){.text3{font-size:21px}}@media (max-width: 786px){.images{margin-left:0}.miniText{margin-left:50px}.text3{width:300px}}@media (max-width: 632px){.gradient{width:300px;height:300px}.lihgt{width:150px;height:150px}.miniText{margin-left:50px}.text3{width:300px}}@media (max-width: 632px){.me{margin-top:0}.gradient{width:250px;height:250px;inset:0;margin:auto auto auto 0}.light{width:180px;height:180px;inset:0;margin:auto auto auto 35px}.image-wrapper{width:140px;height:140px;inset:0;margin:auto auto auto 55px}.arrow{width:100px;height:100px;margin-top:80%;transform:translate(150%,-240%)}.text{margin-left:400px;margin-top:45px;font-size:12px}.text2{margin-right:90px;margin-top:35px;font-size:15px}.text3{margin-left:80px;padding-right:50px;font-size:16px}.text4{margin-right:380px;margin-top:-20px;font-size:13px;width:230px}.miniText{margin-top:0}}@media (max-width: 480px){.gradient{width:200px;height:200px;inset:0;margin:auto auto auto 0}.light{width:130px;height:130px;inset:0;margin:auto auto auto 35px}.image-wrapper{width:100px;height:100px;inset:0;margin:auto auto auto 49px}.arrow{width:90px;height:90px;margin-top:80%;transform:translate(130%,-240%)}.text{margin-left:360px;margin-top:65px}.text2{margin-right:167px;font-size:13px}.text3{padding-top:10px;font-size:13px;margin-left:20px}.text4{margin-right:460px;margin-top:-45px;font-size:13px;width:200px}.miniText{margin-top:-60px;margin-left:10px}}@media (max-width: 381px){.arrow{width:80px;height:80px;margin-top:80%;transform:translate(130%,-260%)}.text{margin-left:330px;margin-top:70px}.text2{font-size:12px;margin-right:200px;margin-top:50px}.text3{width:160px;font-size:15px;padding-top:30px}.text4{margin-top:30px;margin-right:560px;width:260px}.miniText{margin-top:0;padding:20px}}.skills{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin-top:200px;margin-bottom:320px}.skills-title{color:#fff;font-size:24px;letter-spacing:12px}.skills-img{width:795px}@media screen and (width <= 1060px){.skills{margin-top:160px}.skills-title{font-size:23px;letter-spacing:10px}.skills-img{width:685px}}@media screen and (width <= 845px){.skills-title{font-size:22px;letter-spacing:9px}.skills-img{width:575px}}@media screen and (width <= 627px){.skills-title{font-size:21px;letter-spacing:8px}.skills-img{width:485px}}@media screen and (width <= 498px){.skills-img{width:435px}}@media screen and (width <= 460px){.skills-title{font-size:19px;letter-spacing:5px}.skills-img{width:335px}}@media screen and (width <= 341px){.skills-img{width:275px}}@media screen and (width <= 314px){.skills-img{width:265px}.skills-title{font-size:15px}}.workexperience{margin-top:100px;position:relative;display:flex;flex-direction:column;align-items:center}.Gradient{width:525px;height:500px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#763cac,#320f8500);position:relative;display:flex;justify-content:center;align-items:flex-start}.WREX-title{color:#fff;text-transform:uppercase;font-size:24px;letter-spacing:5px;margin-top:20px;position:absolute;top:20px}.cards{margin-top:180px;display:flex;justify-content:center;gap:20px;z-index:1}.cardline{display:flex;gap:17px}.card{display:flex;flex-direction:row;width:470px;height:193px;background:linear-gradient(110.49deg,#130428 19.95%,#251043 67.64%,#38126d 107.08%,#261045 156.61%,#190634 183.21%);border-top:8px solid rgba(79,34,141,1);border-radius:15px}.icon{width:121px;height:115px;margin-top:30px;margin-left:20px}.experience{display:flex;align-items:center;color:#fff;font-size:13px}@media screen and (width <= 1090px){.WREX-title{font-size:20px;letter-spacing:3px}.card{width:375px;height:173px}.experience{font-size:11px}.icon{width:101px;height:95px;margin-left:15px}}@media screen and (width <= 855px){.cardline{display:flex;flex-direction:column}.card{width:475px;height:193px}.icon{width:121px;height:115px;margin-left:20px}.experience{font-size:13px;padding:3px}}@media screen and (width <= 555px){.WREX-title{font-size:18px}.card{width:375px;height:153px}.experience{font-size:10px}.icon{width:91px;height:80px;margin-left:19px}}@media screen and (width <= 410px){.card{width:305px;height:133px}.icon{width:71px;height:60px;margin-left:18px}}@media screen and (width <= 334px){.WREX-title{font-size:15px;letter-spacing:2px}.card{width:285px;height:113px}.icon{width:51px;height:45px;margin-left:12px}.experience{font-size:8px;padding:2px}}body{background-color:#11071f;font-family:Preahvihear}html{scroll-behavior:smooth}.education{display:flex;justify-content:center;align-items:center;position:relative;gap:80px}.edu-title{display:flex;justify-content:center;color:#fff;letter-spacing:5px}.Edu-sircle{width:550px;height:560px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#763cac,#320f8500)}.edu-card{position:absolute;top:50%;transform:translate(-50%,-50%);width:600px;height:360px;border-radius:12px;padding:30px;background-image:radial-gradient(90.16% 143.01% at 15.32% 21.04%,#693b9333,#6ebff40b 77.08%,#4690d500),url(/assets/Card-2g_4XPmg.png);background-size:cover;background-position:center}.edu-card h3{color:#b2c0ef}.edu-card p{color:#ccd6f6}@media screen and (width <= 1133px){.Edu-sircle{width:500px;height:510px}.edu-card h3{font-size:18px}.edu-card{width:500px;height:300px;padding:20px}.edu-card p{font-size:14px}.edu-title{font-size:25px}}@media screen and (width <= 1040px){.EDUCATION-DIV{margin-top:-180px}.Edu-sircle{width:480px;height:490px}.edu-card h3{font-size:16px}.edu-card{width:450px;height:250px;padding:15px}.edu-card p{font-size:12px}}@media screen and (width <= 890px){.Edu-sircle{width:420px;height:430px}.edu-card h3{font-size:13px}.edu-card{width:380px;height:200px;padding:6px}.edu-card p{font-size:11px;margin-top:-5px}.edu-title{font-size:25px}}@media screen and (width <= 720px){.Edu-sircle{width:320px;height:330px}}@media screen and (width <= 620px){.Edu-sircle{width:300px;height:310px}.edu-title{font-size:22px}}@media screen and (width <= 580px){.Edu-sircle{width:280px;height:290px}.edu-card{width:340px;height:230px;padding:6px}}@media screen and (width <= 480px){.Edu-sircle{width:480px;height:390px}.edu-card{width:210px;height:280px;padding:6px}.edu-title{font-size:16px;letter-spacing:2px}}.Contact{margin-top:100px;display:flex;align-items:center;justify-content:center;gap:50px;color:#fff;background-color:#1a0b2e;width:100%;padding:20px 0;flex-wrap:wrap}.Contact h3{letter-spacing:5px;text-transform:uppercase;margin:0}.Contact h4{margin:0}.soc-media{display:flex;flex-direction:row;gap:20px;margin-top:5px}.soc-media img{width:50px;height:50px;cursor:pointer;transition:transform .2s ease}.soc-media img:hover{transform:scale(1.1)}@media screen and (max-width: 1065px){.soc-media img{width:40px;height:40px}.Contact h3,.Contact h4{font-size:15px}}@media screen and (max-width: 400px){.soc-media img{width:25px;height:25px}.Contact h3,.Contact h4{font-size:10px}.Contact h3{letter-spacing:0}}.projects{margin-top:80px;position:relative;padding:80px;height:800px}.bg-sircle{display:flex;position:absolute;top:-200px;left:-90px;width:100%;height:100%;justify-content:space-between;z-index:0}.sircle{width:525px;height:600px;border-radius:50%;background:radial-gradient(50% 50% at 50% 50%,#763cac,#320f8500);margin-top:100px;position:absolute}.gradient-left{top:50px;right:50px}.gradient-right{top:50px;right:300px}.project-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;position:relative;z-index:1}.text-side{display:flex;flex-direction:column;gap:20px;margin-top:40px}.p-title{color:#9857d3}.p-title2{margin-top:10px;color:#ccd6f6}.description-box{background:radial-gradient(90.16% 143.01% at 15.32% 21.04%,#693b9333,#6ebff40b 77.08%,#4690d500);width:100%;height:auto;min-height:165px;border-radius:14px;padding:20px}.description{color:#ccd6f6;font-size:14px;font-weight:500}.click-img{display:flex;gap:17px;margin-top:20px}.project-preview{position:relative;width:560px;height:340px;border-radius:15px;background-color:#2b0b3a}.project-preview img{position:absolute;bottom:0;left:30px;width:530px;height:300px;border-top-left-radius:15px;border-bottom-right-radius:15px}.projects.reversed .project-content{direction:rtl}.projects.reversed .project-content>*{direction:ltr}.projects.reversed .bg-sircle{transform:scaleX(-1);left:55px}@media screen and (width <= 1240px){.p-title{font-size:14px}.p-title2{margin-top:-5px}.description{font-size:12px}.sircle{width:505px;height:580px}.click-img{gap:14px;margin-top:15px}}@media screen and (width <= 1010px){.p-title2{margin-top:-10px}.click-img{gap:10px;margin-top:10px;width:25px;height:28px}.sircle{width:485px;height:560px}.project-preview{width:530px;height:310px;border-radius:13px}.project-preview img{width:500px;height:270px}}@media screen and (width <= 940px){.projects{margin-top:-100px}.project-preview{width:470px;height:250px;border-radius:13px}.project-preview img{width:440px;height:210px}.p-title{font-size:11px}.p-title2{margin-top:-15px;font-size:14px}.description{font-size:10.5px}.click-img{margin-top:10px}}@media screen and (width <= 890px){.project-preview{width:600px;height:320px;border-radius:13px}.project-preview img{width:570px;height:300px}.p-title{font-size:11px}.p-title2{margin-top:-15px;font-size:14px}.description{font-size:10.5px}.project-content{grid-template-columns:1fr;margin-top:-100px;gap:15px}}@media screen and (width <= 764px){.description{font-size:13px}.click-img{width:9px;height:26px;gap:17px;margin-top:5px}.project-content{margin-top:-150px}.project-preview{width:420px;height:280px;border-radius:13px}.project-preview img{width:390px;height:260px}.description-box{width:400px}}@media screen and (width <= 570px){.description{font-size:12px}.click-img{display:none}.projects{margin-top:-90px}.project-preview{width:400px;height:260px;border-radius:13px}.project-preview img{width:370px;height:240px}.description-box{width:400px}}@media screen and (width <= 500px){.project-preview{width:380px;height:240px;border-radius:13px}.project-preview img{width:350px;height:220px}.description-box{width:350px}}@media screen and (width <= 480px){.project-preview{width:320px;height:170px;border-radius:13px}.project-preview img{width:290px;height:150px}.description-box{width:300px}}@media screen and (width <= 415px){.project-preview{width:270px;height:160px;border-radius:13px}.project-preview img{width:240px;height:140px}.description-box{width:250px;font-size:6px}}@media screen and (width <= 362px){.project-preview{width:200px;height:140px;border-radius:13px}.project-preview img{width:170px;height:130px}.description-box{width:250px;font-size:6px}}