@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@200;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@200;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&display=swap";:root{--bg-color: #000000;--text-color: #ffffff;--accent-color: #333333}@keyframes Pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@keyframes Loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes SlideWave{0%{background-position-x:0px}to{background-position-x:1000px}}.wave{background-image:url(img/wave.png);background-size:1000px 100%}@keyframes Typing{0%{border-color:transparent}50%{border-color:var(--text-color)}to{border-color:transparent}}.goog-te-combo{border-radius:10px;background:#000;border:1px solid white;color:#fff}#google_translate_element,#google_translate_element *{font-size:1.5vmax;color:#fff!important;font-weight:300;font-family:JetBrains Mono,Nunito,monospace}#google_translate_element select{margin-bottom:10%}html.translated-ltr #TopText{top:40px!important}iframe.skiptranslate{display:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ccc}*{color:#fff;box-sizing:border-box}*::selection{color:#000;background-color:#fff}html,body,:global(body>div){height:100%}html{background-color:#000}body{margin:0;overflow-y:hidden;font-family:Nunito,Noto Sans Thai,sans-serif;letter-spacing:.5px}.MainText{font-size:8vmax;font-weight:900;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:-2px;line-height:.9}.SubText{font-size:1.5vmax;font-weight:300;opacity:.8}.StrokeText{color:transparent!important;-webkit-text-stroke:1px white;font-family:JetBrains Mono,monospace}.CenterText{text-align:center}.Large{font-size:4vmax}.MediumText{font-size:3vmax}.bold{font-weight:700}.underline{text-decoration:underline;text-underline-offset:4px}.Page{display:flex;min-height:100vh;width:100%;overflow-y:hidden;padding:0;overflow-x:hidden}.LeftFrame,.RightFrame{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;position:relative}@media (max-width: 768px){.Page{flex-direction:column}.RightFrame{border-left:none;border-top:1px solid rgba(255,255,255,.1)}}.Collum3{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;border-right:1px solid rgba(255,255,255,.1)}.Collum3:last-child{border-right:none}@media (max-width: 768px){.Collum3{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}}.work{border:1px solid white;background:#000;padding:20px;margin-bottom:20px;width:100%;max-width:600px;transition:transform .2s;border-radius:10px}.work:hover{transform:translateY(-2px);background:#111}.work .title{font-size:2vmax;font-weight:700;margin-bottom:15px;font-family:JetBrains Mono,monospace}.WorkContainer{display:flex;flex-direction:column;align-items:flex-start;width:100%}.WorkContainer iframe{width:100%;height:300px;border:1px solid #333;margin-bottom:15px;transition:filter .3s;border-radius:10px}.WorkDes{font-size:1.2vmax;text-align:left;width:100%;font-weight:300;line-height:1.5}.typing-animation{animation:Typing .8s infinite;border-right:12px solid white;padding-right:10px}.google-translate-container{padding:10px;background:transparent;border-radius:10px}.goog-te-gadget{display:flex;flex-direction:column;justify-content:center;align-items:center}.border-green{border-color:green!important}.border-white{border-color:#fff!important}.box-shadow-red{box-shadow:red 0 0 6px}.box-shadow-blue{box-shadow:#0084ff 0 0 6px}.box-shadow-purple{box-shadow:#ba54ff 0 0 6px}.margin-bottom-40{margin-bottom:20vh}.margin-top-40{margin-top:20vh}