@import"https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";nav[data-v-ee6a6585]{background-color:var(--color-background)}ul[data-v-ee6a6585]{display:flex;justify-content:space-between;align-items:center;list-style:none;margin:0;padding:0}a[data-v-ee6a6585]{color:var(--grey-primary);text-decoration:none;padding:0 1rem}.Navlink[data-v-ee6a6585]{display:flex;justify-content:flex-start;align-items:center}.Navlogo a[data-v-ee6a6585]{font-weight:600;display:flex;align-items:center;justify-content:flex-start;color:var(--write-primary)}.Navtalk[data-v-ee6a6585]{display:flex;justify-content:flex-end;align-items:center}.Navtalk a[data-v-ee6a6585]{background-color:var(--write-secondary);padding:.5rem 1rem;border-radius:10rem;color:var(--black-primary);font-weight:500;transition:transform .3s ease}@media (max-width: 768px){a[data-v-ee6a6585]{padding:0 .25rem}.Navtalk a[data-v-ee6a6585]{padding:.3rem .75rem}}.about[data-v-29d0ad85]{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr}.about-left[data-v-29d0ad85]{display:flex;flex-direction:column;justify-content:center}h1[data-v-29d0ad85]{margin-top:1.5rem;font-weight:600}.Card__body__name[data-v-29d0ad85]{font-weight:600;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;width:100%;white-space:nowrap;overflow:hidden;border-right:3px solid;font-family:monospace;font-size:3rem;height:4rem}.about-pic[data-v-29d0ad85]{width:100px;height:100px;background-image:url(/assets/Avatar-Cyo5a-c-.png);background-repeat:no-repeat;background-size:cover;background-position:center}.about-right[data-v-29d0ad85]{display:flex;flex-direction:column;justify-content:center}.about-icon[data-v-29d0ad85]{margin-top:2rem;display:flex;flex-direction:row}.about-icon i[data-v-29d0ad85]{margin-right:1rem;padding:.5rem;font-size:1.25rem;border-radius:50%;color:var(--black-primary);background:var(--write-primary)}.about-icon i[data-v-29d0ad85]:hover{cursor:pointer;transform:scale(1.05)}@media (max-width: 768px){.about[data-v-29d0ad85]{margin-top:2rem;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.about-left[data-v-29d0ad85]{order:1}.about-right[data-v-29d0ad85]{order:2;margin-top:-2rem}.about-left h2[data-v-29d0ad85]{font-size:2rem}.about-icon[data-v-29d0ad85]{margin-top:1rem;display:flex;flex-direction:row}.about-icon i[data-v-29d0ad85]{margin-right:.75rem}.Card__body__name[data-v-29d0ad85]{font-size:2.5rem}}.Education-Skills[data-v-9b888a2e]{display:flex;flex-direction:column;justify-content:center}.Education-Skills-details[data-v-9b888a2e]{margin-top:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem}.Education-Skills-header[data-v-9b888a2e]{width:10rem;font-weight:600;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:2rem;margin-bottom:1.5rem}.Education-header[data-v-9b888a2e]{font-weight:600}.Education-subheader[data-v-9b888a2e]{margin-top:.5rem;color:var(--grey-primary)}.Education-time[data-v-9b888a2e]{color:var(--grey-primary);padding-bottom:1rem;border-bottom:1px solid var(--grey-primary);margin-bottom:1rem}.Skills-header[data-v-9b888a2e]{font-weight:600;margin-bottom:.5rem}.Skills-subheader[data-v-9b888a2e]{color:var(--grey-primary);margin-bottom:1rem}@media (max-width: 768px){.Education-Skills-details[data-v-9b888a2e]{grid-template-columns:1fr}.Education-Skills-header[data-v-9b888a2e]{font-size:1.5rem}}.projects[data-v-a7593efc]{margin-top:3rem;display:flex;flex-direction:column;justify-content:center}.Projects-header[data-v-a7593efc],.Projects-sub-header[data-v-a7593efc]{width:10rem;font-weight:600;background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:2rem;margin-bottom:1.5rem}.Projects-sub-header[data-v-a7593efc]{color:var(--write-primary);width:auto;margin-bottom:0rem}.Project-sections[data-v-a7593efc]{display:flex;flex-direction:column;justify-content:center}.Project-header[data-v-a7593efc]{display:grid;grid-template-columns:1fr 1fr;align-items:center;margin-bottom:3rem}.Project-Name-Grid[data-v-a7593efc]{display:grid;grid-template-columns:1fr auto}.Project-Name[data-v-a7593efc]{font-weight:600;color:var(--write-primary);margin-bottom:.5rem}.Project-time[data-v-a7593efc]{color:var(--grey-primary);margin-bottom:1rem}.Project-Link-icon[data-v-a7593efc]{display:flex;flex-direction:row}p[data-v-a7593efc]{margin-bottom:1rem}.Project-Link-icon i[data-v-a7593efc]{margin-right:.75rem;padding:.3rem;font-size:1.25rem;border-radius:50%;color:var(--black-primary);background:var(--write-primary)}.Project-Link-icon i[data-v-a7593efc]:hover{cursor:pointer;transform:scale(1.05)}.Project-pic-1[data-v-a7593efc]{background-image:url(/assets/Mock-Bh1AmFZm.png);background-repeat:no-repeat;background-size:contain;background-position:center;width:35vw;height:20vw}.Project-pic-2[data-v-a7593efc]{background-image:url(/assets/Banner-BK67seYZ.png);background-repeat:no-repeat;background-size:contain;background-position:center;width:35vw;height:20vw}.Project-pic-3[data-v-a7593efc]{background-image:url(/assets/Banner-Dy3i_JS5.png);background-repeat:no-repeat;background-size:contain;background-position:center;width:35vw;height:20vw}.Project-pic-4[data-v-a7593efc]{background-image:url(/assets/Banner-hV0qdk4Q.png);background-repeat:no-repeat;background-size:contain;background-position:center;width:35vw;height:20vw}.Project-pic-5[data-v-a7593efc]{background-image:url(/assets/Banner-BcFj-YfM.png);background-repeat:no-repeat;background-size:contain;background-position:center;width:35vw;height:20vw}@media (max-width: 768px){.Projects-header[data-v-a7593efc],.Projects-sub-header[data-v-a7593efc]{font-size:1.5rem}.Project-pic-1[data-v-a7593efc],.Project-pic-2[data-v-a7593efc],.Project-pic-3[data-v-a7593efc],.Project-pic-4[data-v-a7593efc],.Project-pic-5[data-v-a7593efc]{width:85vw;height:40vw}.Project-header[data-v-a7593efc]{grid-template-columns:1fr}.Project-right[data-v-a7593efc]{order:1;margin-bottom:1.5rem}.Project-left[data-v-a7593efc]{order:2}}.Project-pic-1[data-v-a7593efc]:hover,.Project-pic-2[data-v-a7593efc]:hover,.Project-pic-3[data-v-a7593efc]:hover,.Project-pic-4[data-v-a7593efc]:hover,.Project-pic-5[data-v-a7593efc]:hover{scale:1.05}.contact[data-v-f91aa225]{margin-top:3rem;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--grey-primary)}.contact-footer[data-v-f91aa225]{display:grid;grid-template-columns:1fr 1fr}.Footer-left header[data-v-f91aa225]{margin-top:1.5rem;display:flex;justify-content:flex-start;font-weight:600;margin-bottom:4rem}.Footer-left span[data-v-f91aa225]{margin-top:1.5rex;font-weight:600}.Footer-right[data-v-f91aa225]{margin-top:1.5rem;display:flex;flex-direction:column}.Footer-link[data-v-f91aa225]{display:flex;justify-content:flex-end}.Footer-right li[data-v-f91aa225]{margin-left:1.5rem;font-weight:600;list-style:none;margin-bottom:4rem}.Footer-right a[data-v-f91aa225]{color:var(--grey-primary);text-decoration:none}.Footer-right a[data-v-f91aa225]:hover{color:var(--write-primary)}.Footer-icon[data-v-f91aa225]{display:flex;justify-content:flex-end}.Footer-icon a[data-v-f91aa225]{margin-left:.5rem;background:var(--gredient);text-decoration:none;padding:.5rem;border:1.5px solid var(--write-primary);color:var(--write-primary);border-radius:20%}a[href^="mailto:"][data-v-f91aa225],a[href^="tel:"][data-v-f91aa225]{color:#fff}main[data-v-90025244]{padding:3rem 7.5vw}#app{display:flex;flex-direction:column;min-height:100vh;width:100%}::-webkit-scrollbar{display:none}:root{--black-primary: #161513;--black-secondary: #1c1c22;--write-primary: #f0f2f5;--write-secondary: #ffffff;--grey-primary: #bababa;--M: 1rem;--S: .75rem;--gradient: linear-gradient(to right, #b16cea 14%, #ff5e69 45%, #ff8a56 72%, #ffa84b 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{width:100-2!important;color:var(--write-primary);background:var(--black-primary);transition:color .5s,background-color .5s;font-family:Bai Jamjuree,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){main{font-size:var(--S)}header{font-size:calc(var(--S) + .25rem)}}@media (min-width: 768px) and (max-width: 1024px){main{font-size:var(--M)}header{font-size:calc(var(--M) + .25rem)}}@media (min-width: 1024px){main{font-size:var(--M)}header{font-size:calc(var(--M) + .3rem)}}