@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Preahvihear&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.mb-4{margin-bottom:1rem}.mb-\[-2rem\]{margin-bottom:-2rem}.mt-20{margin-top:5rem}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-6{height:1.5rem}.h-64{height:16rem}.w-6{width:1.5rem}.w-full{width:100%}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-8{gap:2rem}.overflow-hidden{overflow:hidden}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-none{border-style:none}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-opacity-30{--tw-bg-opacity: .3}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.bg-container{background-color:#1a0b2e}.bg-body{background-color:#130428}html{scroll-behavior:smooth}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-4{padding:1rem}.sm\:p-6{padding:1.5rem}}@media (min-width: 768px){.md\:p-8{padding:2rem}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}header{width:100%;padding:18px 60px;text-align:center;display:flex;justify-content:space-between;align-items:center}.logo img{width:35px;height:39px;transform:rotate(-90deg)}header ul{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:80px}header ul li a{text-decoration:none;color:#fff;text-align:center;font-family:Plus Jakarta Sans;font-size:20px;font-style:normal;font-weight:600}ul li a:hover{color:gray;transition:.5s}.body{display:flex;flex-direction:column;justify-content:center;align-items:start;padding:80px 100px 0}.hello-txt{display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;margin-left:11.5rem;margin-bottom:-3rem}.hello-txt h1{color:#fff;font-family:Preahvihear,cursive;font-size:25px;font-style:normal;font-weight:400;letter-spacing:-.5px;margin:-45px 0 0 -20px}span{color:#7127ba}.me-image{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.Pic{width:350px;height:350px;background:radial-gradient(50% 50% at 50% 50%,#763cac,#320f8500)}.about{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:10px}.about h4{color:#fff;text-align:center;font-family:Preahvihear,cursive;font-size:20px;font-style:normal;font-weight:400}.about h1{color:#fff;font-family:Preahvihear,cursive;font-size:50px;font-style:normal;font-weight:400;line-height:126.664%;letter-spacing:1px}.about p{color:#fff;text-align:center;font-family:Preahvihear,cursive;font-size:15px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.22px}.spn2{position:relative}.ellipse5{position:absolute;top:3px;left:-21px;width:220px}.about-sec{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:80px;padding:100px 100px 80px}.top-about{display:flex;flex-direction:column;justify-content:center;align-items:start}.top-about h1{color:#fff;font-family:Preahvihear,cursive;font-size:50px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1px}.inline-fb{color:#fff;font-family:Preahvihear,cursive;font-size:21px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.42px;display:flex;align-items:center;justify-content:center;gap:10px}.bottom-about p{color:#fff;font-family:Preahvihear;font-size:22px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.44px;text-align:left}.experience{padding:50px 100px;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:50px;background-image:radial-gradient(19% 45% at 50% 50%,#763cac,#320f8500)}.experience>h1{color:#fff;font-family:Preahvihear,cursive;font-size:45px;font-weight:600;letter-spacing:1px;text-align:center}.all-card{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;align-items:stretch;justify-content:center;width:100%}.card{background:#130428b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 20px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:30px;border-radius:20px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.card>img{width:100px;height:100px;border-radius:10px}.card-details{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.card-details h1{color:#fff;font-family:Poppins,sans-serif;font-size:22px;font-weight:600;letter-spacing:1px;text-align:center}.card-details p{color:#e0e0e0;font-family:Poppins,sans-serif;font-size:14px;font-weight:300;line-height:1.5;text-align:center;padding:0 10px}.card-details button{background:#2c1250cc;padding:15px 35px;border:none;border-radius:25px;cursor:pointer;transition:background .3s ease-in-out,transform .3s ease-in-out}.card-details button:active{background:#4c2a8acc;transform:translateY(-3px);box-shadow:0 6px 12px #0003;transform:scale(.95)}.card-details button a{color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;text-decoration:none;text-transform:uppercase}.jobs{padding:30px 100px 100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.jobs>h1{color:#fff;text-align:center;font-family:Preahvihear,cursive;font-size:24px;font-style:normal;font-weight:400;line-height:31px;letter-spacing:.48px}.jobs>h2{color:#fff;font-family:Preahvihear,cursive;font-size:17px;font-style:normal;font-weight:400;line-height:31px;letter-spacing:.34px}.icons{padding-top:80px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:60px}.each-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.each-icon>div{width:80px;height:80px;background-color:#251c31;border-radius:50%;position:absolute}.each-icon img{width:50px;height:50px;position:relative}.lines{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:50px}.figma,.react,.javascript,.css{position:absolute}.line-fig{position:relative;top:9px;left:25px}.line-react{position:relative;top:12px;left:10px}.line-java{position:relative;top:-.1px;left:-12px}.line-css{position:relative;top:-13px;left:-30px}.glowing-box{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem;position:relative;perspective:1000px}.box{width:280px;height:280px;border-radius:50%;background-image:linear-gradient(180deg,#30108099,#7840ad5c);position:absolute;animation:rotateAndGlow 10s infinite ease-in-out;box-shadow:0 0 30px #7840adb3,0 0 60px #7840ad80,0 0 90px #7840ad4d;transition:transform .8s ease,box-shadow .8s ease,filter .8s ease}.glowing-box img{width:200px;height:190px;position:relative;z-index:1;animation:rotateScaleAndPulse 12s infinite ease-in-out;transition:transform .8s ease,filter .8s ease}.active-glow{transform:scale(1.2) rotate(720deg);filter:brightness(1.5) contrast(1.5)}@keyframes rotateAndGlow{0%,to{transform:rotate(0) scale(1);box-shadow:0 0 30px #7840adb3,0 0 60px #7840ad80,0 0 90px #7840ad4d}25%{transform:rotate(180deg) scale(1.05);box-shadow:0 0 50px #7840adcc,0 0 80px #7840ad99,0 0 110px #7840ad66}50%{transform:rotate(360deg) scale(1.2);box-shadow:0 0 70px #7840ad,0 0 100px #7840adcc,0 0 140px #7840ad99}75%{transform:rotate(540deg) scale(1.05);box-shadow:0 0 50px #7840adcc,0 0 80px #7840ad99,0 0 110px #7840ad66}}@keyframes rotateScaleAndPulse{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(180deg) scale(1.1)}50%{transform:rotate(360deg) scale(1.4)}75%{transform:rotate(540deg) scale(1.1)}}.contact{padding:100px;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:50px}.contact h1{color:#fff;font-family:Preahvihear,cursive;font-size:25px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.5px}.cd{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:20px}.cd p{color:#fff;font-family:Preahvihear,cursive;font-size:15px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.3px;max-width:680px}.links{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}@media screen and (max-width: 1290px){html{scrollbar-width:none}.card{padding:20px}.body,.about-sec,.experience{padding:60px 80px}.jobs{padding:30px 80px 70px}.project{padding:100px 80px}.contact{padding:60px 80px}}@media screen and (max-width: 1169px){.experience{background-image:radial-gradient(40% 30% at 50% 50%,#763cac,#320f8500)}}@media screen and (max-width: 1145px){header{padding:18px 60px}.body,.about-sec,.experience{padding:60px}.jobs{padding:30px 60px 70px}.project{padding:100px 60px}.contact{padding:60px}}@media screen and (max-width: 1106px){.each-project{gap:10px}.left-project{width:100%}.right-project{width:100%;margin:35px 0 0;padding-left:20px;padding-top:20px}.right-project a img{width:100%;height:100%;border-radius:10px 10px 0 0}.each-project-two{gap:10px}.left-project-two{width:100%;margin:0}.right-project-two{margin-top:35px;width:100%;padding-right:20px;padding-top:20px}.right-project-two a img{width:100%;height:100%;border-radius:10px 10px 0 0}.glass-like button{padding:10px 20px}}@media screen and (max-width: 989px){.about h1{font-size:45px}}@media screen and (max-width: 940px){header{padding:18px 30px}.body,.about-sec,.experience{padding:60px 30px}.jobs{padding:30px 30px 70px}.project{padding:100px 30px}.contact{padding:60px 30px}.all-card{gap:20px}}@media screen and (max-width: 877px){.about-sec{gap:30px}.top-about h1{font-size:40px}.experience>h1{font-size:40px}.top-about p,.bottom-about p,.about h4{font-size:18px}.about h1{font-size:35px}.about p{text-align:left}.hello-txt h1{font-size:20px}.ellipse5{width:180px}.project{gap:70px}}@media screen and (max-width: 804px){header{padding:18px 1rem}.body,.about-sec,.experience{padding:60px 1rem}.jobs{padding:30px 1rem 70px}.project{padding:100px 1rem}.contact{padding:60px 1rem}.left-project h1{font-size:25px}.glass-like button{font-size:15px}.left-project-two h1{font-size:25px}}@media screen and (max-width: 749px){header ul li a{font-size:16px}.arrow{display:none}.hello-txt{margin:0}.hello-txt h1{margin:0;text-align:center;width:100%}.Pic{margin:0}.body{align-items:center;justify-content:center}.me-image{flex-direction:column;align-items:center;justify-content:center}.lpt p{width:100%;text-align:start}.card{padding:20px 10px}.card-details h1{font-size:20px}.card-details p{padding:0}.jobs h1{font-size:20px}header ul{gap:40px}.icons{padding-top:30px;gap:40px}.line-fig{top:10px;left:50px}.line-react{top:13.5px}.line-java{top:3px}.line-css{top:-13px;left:-60px}}@media screen and (max-width: 637px){.all-card{grid-template-columns:1fr}}@media screen and (max-width: 568px){.top-about h1{font-size:20px}.top-about p{font-size:12px}.bottom-about p{font-size:13px}.experience>h1{font-size:25px}.jobs h1{font-size:15px}.contact h1{font-size:20px}.contact{gap:20px}}@media screen and (max-width: 426px){header ul{gap:15px}.hello-txt h1{font-size:18px}.box{width:250px;height:250px}.glowing-box img{width:150px;height:160px}.each-icon>div{width:50px;height:50px}.each-icon img{width:30px;height:30px}.line-fig{top:8px;left:70px}.line-react{top:9px;left:23px}.line-java{top:-1.5px;left:-20px}.line-css{position:relative;top:-12px;left:-70px}}