@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
*{font-family:'DM Sans',Arial,sans-serif!important}html{scroll-behavior:smooth}body{height:auto;min-height:100vh;background:#f4f1e9;color:#192721;background-attachment:initial}a{color:#285b3d}a:hover{color:#648f33}.navbar{position:sticky;top:0;background:rgba(244,241,233,.95);backdrop-filter:blur(12px);border-bottom:1px solid #d9dcd2;padding:18px max(24px,calc((100vw - 1320px)/2));align-items:center;gap:25px;flex-wrap:wrap}.navbar .logo a{font-family:'Manrope',Arial,sans-serif!important;color:#192721;text-shadow:none;font-size:21px;letter-spacing:-.05em}.navbar .logo a:before{content:'M.';display:inline-grid;place-items:center;background:#14241d;color:#c8f17a;width:40px;height:40px;border-radius:50%;font-size:20px;letter-spacing:-.1em;margin-right:12px}.navbar .links{gap:22px;flex-wrap:wrap}.navbar .links a{color:#43574a;font-size:11px;font-weight:800;letter-spacing:.08em}.navbar .links a:hover,.navbar .links a.active{color:#568733}.education,.contact,.project{width:min(100% - 48px,1180px);margin:0 auto;padding:70px 0 110px;position:static}.education-content{padding:0;margin:0;max-width:none;text-align:left}.education-content h1,.contact h1,.project h1{font-family:'Manrope',Arial,sans-serif!important;color:#192721;font-size:clamp(44px,6vw,78px);letter-spacing:-.07em;line-height:1.1;margin:0 0 40px;padding:0}.education-content h1:before,.contact h1:before,.project h1:before{content:'MIN KHANT SOE / ';display:block;font-family:'Manrope',Arial,sans-serif!important;font-size:11px;color:#6d8e45;letter-spacing:.15em;margin-bottom:19px}.education-item,.project-topic,.project-content,.contact-content{background:#fffdf7;border:1px solid #d9dcd2;border-radius:10px;box-shadow:none}.education-item{padding:28px;margin-bottom:18px}.education-content h2,.project-content h2{font-family:'Manrope',Arial,sans-serif!important;color:#192721;font-size:26px;letter-spacing:-.04em}.education-content h3{color:#48674d;font-size:17px}.education-content p,.education-content ul li,.education-content ul ul li,.project-content p,.project-content ul,.contact-content p{color:#526157;font-size:15px;line-height:1.7}.education-duration{color:#6d8e45!important;font-weight:700}.education-content p b,.education-content ul li b,.education-content ul ul li b,.project-content p b,.contact-content p b{color:#192721}.education-item a,.project-content p a,.project-content ul li a{color:#386f43;text-decoration:underline}.education-content ul li:before,.education-content ul ul li:before{color:#82ab4d}.project{margin-top:0}.project-layout{display:grid;grid-template-columns:320px minmax(0,1fr);align-items:start;gap:22px}.project-topic{width:auto;margin:0;padding:25px;position:sticky;top:110px;max-height:calc(100vh - 130px);overflow:auto}.project-content{width:auto;min-height:450px;margin:0;padding:35px}.project-topic ul li b,.project-topic ul ul li b{color:#305a39}.project-topic ul ul li a{color:#4d6252;font-size:14px}.project-topic ul ul li a:hover{color:#568733}.project-content h2{margin-bottom:16px}.project-content img{max-width:100%;height:auto}.project-content section{max-width:100%;overflow-wrap:anywhere}.project-content p{text-align:left}.project-content ul{color:#526157}.contact{padding-top:100px}.contact-content{max-width:600px;padding:30px}.contact-content p{color:#526157}.contact-content a{color:#386f43}button{margin:0 10px 25px 0;padding:10px 15px;background:#14241d;color:#fff;border-radius:100px}button:hover{background:#365b42}button i{color:#fff}button:disabled{opacity:.4}#prevButton,#nextButton{margin-left:0;margin-right:10px}:focus-visible{outline:3px solid #729a30;outline-offset:3px}
@media(max-width:800px){.navbar{padding:13px 18px}.navbar .links{gap:11px}.navbar .links a{font-size:10px}.education,.contact,.project{width:calc(100% - 36px);padding:52px 0 80px}.project-layout{grid-template-columns:1fr}.project-topic{position:static;max-height:260px}.project-content{padding:22px}.education-content{padding:0}.education-item{padding:22px}.contact{margin:0 auto}.contact-content{width:100%}}