@font-face{font-family:SaoChingCha;src:url(/assets/SaoChingCha-Bold-Dj3paKRL.otf)format("opentype");font-weight:700}@font-face{font-family:SaoChingCha;src:url(/assets/SaoChingCha-Light-BkK2f3VK.otf)format("woff2");font-weight:500;font-style:light}body{color:#fff;background-image:url(/assets/bg-CWdQZY_g.png);background-size:cover;min-width:1100px;margin:0;font-family:SaoChingCha,sans-serif;font-weight:400}.center{flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}h1{margin:0;padding:0;font-size:60px}button{color:#fff;cursor:pointer;background-color:#0000;border:1px solid #fff;border-radius:7px;margin-left:10px;padding:14px 28px;font-family:SaoChingCha,sans-serif;font-size:15px}.title{place-items:center;display:grid}.title span{grid-area:1/1;transition:opacity .3s,transform .3s}.title-en{opacity:1}.title-th{opacity:0}.title.is-hovered .title-en{opacity:0;cursor:pointer;transform:scale(1.1)}.title.is-hovered .title-th{opacity:1;cursor:pointer;transform:scale(1.1)}.section{margin-top:20px}.social{gap:15px;margin-top:20px;display:flex;position:absolute;top:20px;right:20px}.social a{color:#fff;font-size:28px;transition:transform .2s,color .2s}.project a{color:#fff;padding:10px}