@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/pjs.ttf) format("truetype-variations");font-weight:1 999}body{font-family:Plus Jakarta Sans,Inter,Anuphan,sans-serif;--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}a{outline:2px solid transparent;outline-offset:2px}a:hover{--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity))}a:focus{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity))}a:active{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.highlight{position:relative;cursor:pointer;text-transform:capitalize;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.highlight:before{position:absolute;bottom:-.5rem;left:0;height:.375rem;width:0px;border-radius:9999px;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #262626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(38 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgb(144 156 70 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #909C46 var(--tw-gradient-via-position), var(--tw-gradient-to);--tw-gradient-to: #737373 var(--tw-gradient-to-position);opacity:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s;--tw-content: "";content:var(--tw-content)}.highlight:hover:before{width:100%;content:var(--tw-content);opacity:1}.ui-container{margin-left:auto;margin-right:auto;width:100%;max-width:72rem;padding-left:.5rem;padding-right:.5rem}@media (min-width: 1024px){.ui-container{padding-left:1.5rem;padding-right:1.5rem}}.main-grid{display:grid;gap:1.25rem}@media (min-width: 768px){.main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.main-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.black-btn{border-radius:9999px;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from: #262626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(38 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #171717 var(--tw-gradient-to-position);padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.black-btn:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.project-card{display:flex;flex-direction:column;gap:1rem;border-radius:.125rem;border-width:1px;border-color:#909c464d;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:1.5rem;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.project-card:hover{--tw-scale-x: 1.01;--tw-scale-y: 1.01;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:#909c4680;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}