:root{--main-font:Anuphan;--primary-color:#61dafb;--text-color:#eee;--button-hover:#21a1f1}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;color:var(--text-color);background:var(--background-color);font-family:var(--main-font);display:flex;justify-content:center;align-items:center;overflow:hidden;height:100vh;text-align:center;flex-direction:column}.background{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;background:url(/asset/bg/bg1.gif) no-repeat 50%;background-size:cover;filter:brightness(.9)}.intro{background:rgba(40,44,52,.6);border-radius:20px;padding:20px;box-shadow:0 5px 15px rgba(0,0,0,.4);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.input-text::-webkit-scrollbar{width:8px;height:8px}.input-text::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:10px}.input-text::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px;border:2px solid rgba(0,0,0,.3)}.input-text::-webkit-scrollbar-thumb:hover{background-color:var(--button-hover)}.input-text{width:100%;padding:1rem;border:1px solid rgba(255,255,255,.3);border-radius:.75rem;background-color:rgba(255,255,255,.1);color:var(--text-color);font-family:var(--main-font);font-size:1rem;resize:none;outline:none;transition:border-color .3s ease,box-shadow .3s ease;scrollbar-width:thin;scrollbar-color:var(--primary-color) rgba(0,0,0,.2)}.input-text:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(97,218,251,.5);background-color:rgba(255,255,255,.15)}.input-text::placeholder{color:rgba(255,255,255,.6)}.send-button{background:var(--primary-color);color:rgb(0,0,0);border:none;padding:10px 20px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;font-family:var(--main-font);margin-right:5px;box-shadow:0 3px 6px rgba(0,0,0,.3);text-decoration:none;display:inline-flex;align-items:center;margin-top:5px;transition:background .3s ease,transform .2s ease}.send-button:hover{background:rgb(0,0,0);transform:scale(1.05);color:white}.send-button:active{transform:scale(.95)}.successfully{margin-top:10px}