li,ul{list-style:none;margin:5px;padding:5px}li,ul{text-align:center}.message{color:var(--text-color);margin-left:auto;margin-right:auto;clear:both;line-height:18px;font-size:15px;padding:8px;position:relative;max-width:60%;overflow-wrap:anywhere;word-break:break-word;overflow-x:hidden;white-space:pre-wrap;-webkit-hyphens:auto;hyphens:auto;z-index:-1;background:hsla(0,0%,72.5%,.089);border-radius:5px;text-align:left}.myMessage{background:rgba(144,162,221,.164)}.post-box{color:var(--post-box-text-color);clear:both;margin-top:10px;border-radius:5px;margin-left:auto;margin-right:auto;min-width:20%;max-width:40%;padding:8px;border:rgba(207,35,35,.589);background:rgba(54,69,87,.089);outline:none;font-size:15px;text-align:center;transition:all .5s}::-moz-placeholder{color:hsla(0,0%,55.3%,.589)}::placeholder{color:hsla(0,0%,55.3%,.589)}.post-box:focus{background:rgba(144,162,221,.164);min-width:60%;max-width:60%;text-align:left}.post-box:focus::-moz-placeholder{-moz-transition:opacity .5s;transition:opacity .5s;color:transparent}.post-box:focus::placeholder{transition:opacity .5s;color:transparent}::-webkit-scrollbar{display:none}.connection-text{position:fixed;padding:10px;bottom:0;right:16px;text-align:right;font-size:11px}.live-Stream{filter:hue-rotate(120deg) saturate(350%)}.dead-Stream,.live-Stream{position:fixed;padding:10px;bottom:0;right:0;width:11px}.dead-Stream{animation:blinker 1s linear infinite}@keyframes blinker{50%{opacity:0}}.list-enter-active,.list-leave-active,.list-move{transition:.5s cubic-bezier(.59,.12,.34,.95);transition-property:opacity,transform}.list-enter{opacity:0;transform:translateY(-50px)}.list-enter-to{opacity:1;transform:translateY(0)}.list-leave-active{position:absolute}.list-leave-to{opacity:0;transform:scaleY(0);transform-origin:center}@keyframes fadein{0%{opacity:0}to{opacity:1}}html{z-index:-1}body{margin:0}.light-mode{--post-box-text-color:#000;--text-color:#000;--background-color:#fff}.dark-mode,.light-mode{background-color:var(--background-color);transition:all .75s ease-in-out}.dark-mode{--post-box-text-color:#c9c9c9;--text-color:#c7c7c7;--background-color:#0f0f0f}#preferencesContainer{padding:10px;position:fixed;top:0;right:0;z-index:20}.preference{width:30px;height:30px}#board{position:relative;z-index:10}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;padding-top:5%;position:absolute;width:100%;height:100%;z-index:1}