@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai+Looped:wght@100;200;300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";:root{font-family:IBM Plex Sans Thai Looped;--primary-color: #f1f1f1;--secondary-color: #2d2d2d;--accent-color: #eeeeee;--accent-color-rgb: 238, 238, 238}*,*:after,*:before{box-sizing:border-box}button{transition:linear .1s all}button:hover{transform:scale(1.05)}h2{font-family:IBM Plex Mono}html,body{max-width:100vw;height:100dvh;padding:0;margin:0;background:var(--primary-color);color:var(--secondary-color)}.center{display:flex;flex-direction:row;justify-content:center;align-items:center}.name-animation{font-weight:700;letter-spacing:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#94717100;margin:0 10px}::-webkit-scrollbar-thumb{background:#8888887a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#5555557a}button{font-family:IBM Plex Mono;border-radius:3px;font-size:15px;font-weight:700;letter-spacing:1px}.fill-button{background:var(--secondary-color);color:var(--primary-color)}.outline-button{border:solid 1px var(--secondary-color);color:var(--secondary-color);background-color:var(--primary-color)}.main-content-padding{padding:200px 20%}@media (max-width: 1400px){.main-content-padding{padding:150px 10%}.footer-padding{padding:30px 10%}}@media (max-width: 925px){.main-content-padding{padding:100px 10px}.footer-padding{padding:15px 10px}}@media (max-width: 425px){.main-content-padding{padding:90px 10px}.fotter-padding{padding:15px 10px}}footer{background-color:var(--secondary-color);text-align:center}footer span{font-size:12px}.footer-padding{padding:30px 20%}main{display:flex;flex-direction:column;gap:100px}@media (max-width: 925px){main{gap:30px}}.show-area{display:flex;flex-direction:column;gap:130px}@media (max-width: 925px){.show-area{gap:70px}}