:root{--primary-background:#23272a;--navbar:#2d3034;--text:#99aab5}html{background-attachment:fixed;background-color:#23272a;background-color:var(--primary-background);background-repeat:no-repeat;background-size:cover;height:100%;overflow-x:hidden;padding:0;position:relative}body,html{margin:0}.Links{color:#3b3bff;font-size:50px;text-align:center;width:100vw}.Links-text{font-size:50px;margin-left:10px;margin-right:10px}.NavBar{background-color:#2d3034;background-color:var(--navbar);border:20px solid #3a3c43;box-sizing:border-box;height:150px;margin:0;text-align:center;width:100vw}.Title{color:#aacff7;font-family:Verdana,Geneva,Tahoma,sans-serif;margin:0}.input-field{background-color:#2d3034;background-color:var(--navbar);color:#fff;font-size:30px;height:50px;width:100vw}.post-button{margin:10px}.logout{position:-webkit-sticky;position:sticky;top:0}.logout,button{height:40px;width:70px}button{background-color:#7c7c7c;border-color:#fff;border-radius:10px;color:#fff;font-family:monospace;font-size:15px}.LoadMore{display:flex;justify-content:center;text-align:center}.chat-box{color:#fff;display:flex;flex-direction:column;font-family:sans-serif;padding-left:10px}.chat-holder{background-color:#23272a;background-color:var(--primary-background);display:flex;flex-direction:column-reverse;height:100%;overflow-y:auto;width:100vw}.text-messages{word-wrap:break-word;border-radius:10px;font-family:sans-serif;margin-top:0;width:100%}.text-name{color:#aacff7;margin-bottom:0}.login-page-wrap,.wrap-chat{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 150px)}.login-page,.login-page-wrap{justify-content:center}.login-page{align-items:center;background-color:#3f3f3f;border-radius:10px;box-shadow:2px 2px 8px #000;display:flex;flex-direction:column;padding:10px}@media (max-width:768px){.NavBar{background-color:#2d3034;background-color:var(--navbar);border:10px solid #3a3c43;box-sizing:border-box;height:70px;margin:0;text-align:center;width:100vw}.Title{color:#aacff7;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:15px;margin:0}.subtitle{font-size:9px}.text-name{font-size:25px;margin-bottom:0}.text-messages{word-wrap:break-word;border-radius:10px;font-family:sans-serif;font-size:20px;margin-top:0;width:100%}.wrap-chat{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-direction:column;height:calc(100vh - 120px);overflow-y:auto}}
/*# sourceMappingURL=main.c6b55c6d.css.map*/