@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Preahvihear&display=swap";*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none;outline:none}html{scroll-behavior:smooth}:root{--color-white: #fff;--color-primary: #7127BA;--color-bg: #11071F;--color-bg-Ex: #1A0B2E;--color-danger: #FF2B51;--transition: .4s ease}html{font-family:Preahvihear,sans-serif;line-height:normal}body{background:var(--color-bg);color:var(--color-white);height:100dvh}h1{font-size:56px;line-height:110%}h2{font-size:44px;line-height:110%}h3{font-size:34px}h4{font-size:28px}h5{font-size:24px}p{font-size:normal}img{display:block;width:100%;object-fit:cover}.container{width:80%;margin:auto;max-width:1600px}.nav-fixed{position:fixed;margin-top:20px;top:0;left:0;width:100%;height:5rem;z-index:1000;display:flex;justify-content:center;align-items:center;background:transparent;transition:transform .3s ease,opacity .3s ease}.hidden-navbar{transform:translateY(-100%);opacity:0;pointer-events:none}.nav-container{display:flex;width:80%;max-width:1600px;height:4.375rem;padding:0rem .325rem;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:3.125rem;border:2px solid rgba(73,79,99,.2);background:#ffffff0a;-webkit-backdrop-filter:blur(190px);backdrop-filter:blur(190px);margin:0 auto;position:relative;left:0;right:0}.logo{max-width:180px;margin-left:10px}.socials{display:flex;gap:30px}.socials span{color:var(--color-white);font-size:24px;cursor:pointer;transition:var(--transition)}.socials span:hover{color:var(--color-primary)}.volume{color:var(--color-danger);font-size:24px;display:block}.volume{cursor:pointer;padding:10px;border-radius:100%;background:#693b9380;-webkit-backdrop-filter:blur(190px);backdrop-filter:blur(190px);display:flex;justify-content:center;align-items:center;margin-right:10px;border:none}.playing-icon{color:#fff;animation:rotateIcon 5s linear infinite}@keyframes rotateIcon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}header{padding-top:220px;margin-bottom:170px}.header-container{display:grid;grid-template-columns:35% auto;gap:80px;align-items:center}span{color:var(--color-primary)}.intro h5{margin-bottom:20px;position:relative}.intro h5:before{content:"";position:absolute;width:10rem;height:6rem;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAACICAYAAADnAQlwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJrSURBVHgB7dzdcdpQEAbQVSYFUIJKcAmU4BIoISWkg6QEl+ASXILTASW4A0fXrDyC4UfSgABxzoxGIGO/+JvdvQhuBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwCxVwc37/PxcNKdFPq3z3L32kUdrXVXVOiYiRDcgQ1LnUR5/xHZA2vO6fdyE5OPA31kc+vmlCNHE8h+9jE1g1p0fvU9ZPc5JiC6sCU0dm9AUbdt5n7JSXJoQnVmn0hTlcZlP3mLGhOgMMjjPnUuvc6o0pwjRSJ3gfLWouVebY4RooCY8y9i0q9fYtKqHqTiHCFEPWXVW+fRFcLYJ0RGdqvP2yO3qFCHaownPU3Mqx+xXVucgRB1NeNoV1puW1Z8QxXd4ytzzUEvzc3noEOXMU8Kj8jBMmXma43fekoD+ylK9OX5lBYJhSnBKgAKGKi1L62K0JjircgQMlbOP6sM4Ofs8B4yR7WsZMFSnfS0ChsrVl6U74+T8swoYowzP5h9GywH6KWCMDFAdMIYA8S3nmXrg7wgQ23Jpvur5WgFiv1yiL0685tkQzVHHqtGQasX1/Ijr2/vZ5nY3jaqqXoKbdgshOtTOVgLESXnjdLnnukGafvYN1nmtDu7GtdtZ3f2+V4anvtdt5x7VtUO0Ow+Zg+gvl+/L3WsBfXn/Zz6u2c7qgLGswOblZ1zHos8KLO+Z1bE9gNv+5cZMHqKsQEdvdeTTdtPw14Cu3W9mdHbq8JnpOzVpJWqrUL5L3e6LWKrN3+BuTbpTWhOeP83pX2xmHFv5Mpx2BQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADyS/wbiZClpGvHAAAAAAElFTkSuQmCC);top:0;margin-left:-6rem;background-repeat:no-repeat;background-position:center}.proffession{font-size:16px;margin-bottom:20px;text-decoration:underline}.headingtext1 span{background:url(data:image/png;base64,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);background-size:contain;background-repeat:no-repeat;background-position:bottom;margin-bottom:24px;display:inline-block;width:fit-content;padding:10px}#About{padding-top:100px}.about-container .info-text{display:flex;margin-bottom:60px;align-items:center;gap:5px}.about-container .info-text a{display:flex;align-items:center;gap:3px;color:#007ad1}#Experience{padding-top:100px;position:relative;display:grid;place-items:center}.experience-cards{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.shape{position:absolute;z-index:-1}#Skills{padding-top:100px;text-align:center}.skills-container h5{margin-top:40px}.skills-container img{width:90%;margin:30px;margin-inline:auto}#Projects{padding-top:100px}.projects-content{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.project-card{display:flex;flex-direction:column;gap:10px}.project-card div{display:flex;margin:auto;gap:40px}.project-card a{font-size:26px;color:var(--color-white);transition:var(--transition);position:relative}.project-card a:nth-child(1):after{content:"Host"}.project-card a:nth-child(2):after{content:"Figma"}.project-card a:nth-child(3):after{content:"Github"}.project-card a:after{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:var(--color-primary);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .3s ease;white-space:nowrap}.project-card a:hover:after{opacity:1}.project-card a:hover{color:var(--color-primary);transform:translateY(-5px)}#contact{padding-top:100px;display:grid;place-items:center}.contact-container{margin:0 auto;padding:1rem;max-width:1400px}.contact-container{margin-top:70px}.contact-info .contact-h2{margin-bottom:50px}.contact-info .contact-para{width:80%;margin-bottom:30px}.email{margin-bottom:10px}.social{display:flex;gap:20px;color:var(--color-white);font-size:23px}.contact-form{box-shadow:0 0 20px #7127ba1a;transition:all .3s ease;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4rem;padding:.5rem 2rem 1rem;border-radius:1.25rem;border:2px solid rgba(255,255,255,.05);background:#ffffff0a;-webkit-backdrop-filter:blur(190px);backdrop-filter:blur(190px);margin:50px auto auto;max-width:1200px}.form-section{display:flex;flex:1;min-width:300px;padding:2rem;flex-direction:column;align-items:flex-start;gap:2rem}.form-section div{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;align-self:stretch}.form-section form{display:flex;flex-direction:column;align-items:flex-start;gap:.875rem;align-self:stretch}.form-section form div{display:flex;flex-direction:row}.form-section form input,.form-section form textarea{transition:all .3s ease}.form-section form input{display:flex;padding:.75rem .875rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.625rem;align-self:stretch;border-radius:.3125rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d}.form-section form div input{display:flex;padding:.75rem .875rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.625rem;flex:1 0 0;border-radius:.3125rem;border:1px solid rgba(255,255,255,.2);background:#ffffff0d}.form-section form input:hover,.form-section form textarea:hover{background:#ffffff14}.form-section form textarea{display:flex;height:6.8125rem;padding:.75rem .875rem;flex-direction:column;align-items:flex-start;gap:.625rem;align-self:stretch;border-radius:.3125rem;color:var(--color-white);border:1px solid rgba(255,255,255,.2);background:#ffffff0d}.form-section form button{display:flex;padding:.75rem .625rem;justify-content:center;align-items:center;gap:.625rem;align-self:stretch;border-radius:.3125rem;background:#693b93;color:var(--color-white);font-weight:600;border:none;transition:all .3s ease;box-shadow:0 4px 14px #7127ba40}.form-section form button:hover{background:#8141d8}.form-section input::placeholder,.form-section textarea::placeholder{color:var(--color-white)}.form-section input:focus,.form-section textarea:focus{outline:none;border:1px solid var(--color-primary)}.form-section input:focus::placeholder,.form-section textarea:focus::placeholder{color:var(--color-primary)}.form-section input{color:var(--color-white)}.footer-container{display:flex;width:73.3125rem;padding:9rem 1rem 4rem 0rem;justify-content:space-between;align-items:flex-start;flex-shrink:0}.footer-container div{color:#efedfd99;font-family:Inter;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.25rem}*{padding:0;margin:0}.menu{display:flex;justify-content:center;align-items:center}.menu-container{background-color:#0003;width:fit-content;position:fixed;bottom:2rem;right:0;left:0;z-index:11;padding:.4rem 1.4rem;display:flex;gap:.5rem;border-radius:3rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.menu-container a{color:var(--color-white);font-size:20px;display:flex;padding:.9rem;border-radius:50%;cursor:pointer;transition:var(--transition)}.menu-container a:hover{background:#2a1b5659}@media (max-width: 1024px){h1{font-size:40px}h2{font-size:34px}h3{font-size:32px}h4{font-size:20px}h5{font-size:18px}p{font-size:15px}.container{width:90%}.logo{max-width:130px;margin-left:0}.volume{padding:.5rem;margin-right:0}.socials span{font-size:20px}.nav-container{height:3.375rem}.nav-fixed{margin-top:0}.header-container{gap:60px}.intro h5{margin-bottom:16px}.proffession{margin-bottom:10px}.headingtext1 span{margin-bottom:16px}#About,#Experience,#Skills,#Projects,#contact{padding-top:80px}.projects-content{gap:30px}.menu-container{width:fit-content;padding:.4rem 1.4rem;bottom:1rem;gap:.5rem}.menu-container a{font-size:18px;padding:.6rem}.footer-container{padding:4rem 1rem 9rem 0rem}}@media (max-width: 600px){h1{font-size:38px}h2{font-size:30px}h3{font-size:28px}header{padding-top:160px}.header-container{grid-template-columns:1fr;text-align:center;gap:20px}.hero-image img{width:80%;margin:auto}.headingtext1 span{margin:auto}.intro h5:before{display:none}.about-container{text-align:center}.about-container .info-text{flex-direction:column}.experience-cards{grid-template-columns:1fr}.skills-container img{width:100%}.projects-content{grid-template-columns:1fr}.menu-container{width:fit-content;padding:.4rem 1.4rem;bottom:1rem;gap:18px}.menu-container a{font-size:16px;padding:.6rem}}@media (max-width: 768px){.contact-form{flex-direction:column;gap:2rem;padding:2rem 1rem}.form-section{width:100%;padding:1rem;gap:1.5rem}.form-section form div{flex-direction:column}}@media (max-width: 1240px){.hide-on-large{display:none}}@media (max-width: 420px){.contact-container{padding:0}}.card{border-radius:15px;background:linear-gradient(96deg,#130428 .58%,#251043 16.32%,#38126d 29.33%,#261045 45.66%,#190634 54.44%);box-shadow:4px 7px 26px #0000001f;display:flex;gap:30px;align-items:center;padding:26px 36px;transition:var(--transition)}.card:hover{transform:translateY(-5px)}.card-container{display:flex;flex-direction:column}.card-btn{font-size:12px;color:var(--color-white);text-transform:uppercase;display:block;width:fit-content;cursor:not-allowed;padding:10px 21px;border:2px var(--color-primary) solid;border-radius:15px;margin-top:10px;transition:var(--transition)}.card-btn:hover{background:var(--color-primary)}@media (max-width: 1024px){.card{flex-direction:column;align-items:center;text-align:center}.card-btn{margin:10px auto auto}.card-icon img{width:80%}}