#app[data-v-59884e86]{font-family:Kanit,sans-serif;color:#333;background-color:#fff;min-height:100vh;display:flex;flex-direction:column}.navbar[data-v-59884e86]{background-color:#a8a8a8;padding:15px 0;display:flex;justify-content:space-evenly;align-items:center;position:fixed;top:0;width:100%;z-index:1000;animation:slideDown-59884e86 .8s ease-out forwards;transform:translateY(-100%);opacity:0}.logo-container[data-v-59884e86]{margin-left:10px;position:absolute;left:0;padding-left:5px}.logo[data-v-59884e86]{height:50px}.nav-links-container[data-v-59884e86]{display:flex;justify-content:space-evenly;flex:1 0 auto}.nav-link[data-v-59884e86]{margin:0 15px;color:#fff;text-decoration:none;font-weight:700}.nav-link[data-v-59884e86]:hover{text-decoration:underline}.content[data-v-59884e86]{flex:1;padding:100px 20px 20px;background-color:#fff}@keyframes slideDown-59884e86{to{transform:translateY(0);opacity:1}}@media(max-width:768px){.navbar[data-v-59884e86]{flex-direction:column;padding:10px}.nav-links-container[data-v-59884e86]{flex-direction:column;gap:10px}}.home[data-v-6c1d113d]{text-align:center;padding:20px}.intro[data-v-6c1d113d]{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}.intro-text[data-v-6c1d113d]{flex:1;text-align:left;margin-right:20px}.intro-image[data-v-6c1d113d]{flex:0 0 40%;max-width:100%}.intro-image img[data-v-6c1d113d]{width:100%;border-radius:8px}@media(max-width:768px){.intro[data-v-6c1d113d]{flex-direction:column;align-items:center}.intro-text[data-v-6c1d113d]{text-align:center;margin-right:0}.intro-image[data-v-6c1d113d]{margin-top:20px;width:70%}}h1[data-v-6c1d113d]{font-size:2rem;font-family:Kanit,sans-serif;color:#2c3e50}p[data-v-6c1d113d]{font-family:Winky Sans,sans-serif;font-size:1.1rem;color:#2c3e50;line-height:1.6}.projects-page[data-v-3f363a68]{padding:20px;background-color:#fff}h1[data-v-3f363a68]{font-family:Kanit,sans-serif;font-size:2rem;margin-bottom:1rem}.project-item[data-v-3f363a68]{background-color:#a8a8a8;padding:20px;border-radius:8px;box-shadow:0 2px 8px #a8a8a8;margin-bottom:2rem}.project-item h2[data-v-3f363a68]{font-size:1.5rem;font-family:Kanit,sans-serif;margin-bottom:10px}.project-item p[data-v-3f363a68]{font-family:Winky Sans,sans-serif;font-size:1.1rem;color:#2c3e50;line-height:1.5}.project-link[data-v-3f363a68]{display:inline-block;padding:10px 15px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:5px;margin-top:10px}.project-link[data-v-3f363a68]:hover{background-color:#003c7d}.contact-page[data-v-0fe06b9e]{display:flex;flex-direction:column;align-items:center;justify-content:start;height:100vh;text-align:center;padding:0 20px}h1[data-v-0fe06b9e]{font-size:2rem;font-family:Kanit,sans-serif}p[data-v-0fe06b9e]{font-size:1.1rem;font-family:Winky Sans,sans-serif}a[data-v-0fe06b9e]{color:#007bff;text-decoration:none}a[data-v-0fe06b9e]:hover{text-decoration:underline}