*,*::before,*::after{box-sizing:border-box}html,body{margin:0;min-height:100vh;display:flex;flex-direction:column}main{flex:1}:root{--primary-blue:#1a6bff;--secondary-grey:#cacacb;--transparent:transparent;--teal:#077a7d;--red:#f9041b;--light-red:#fdccd1;--orange:orange;--light-orange:#ffe4c9;--green:#00b300;--light-green:#d2ffd2;--white:#fff;--black:#000;--blue:#39f;--light-blue:#80bfff;--secondary-color:#c04080;--primary-color:#40c040;--links:#7a73f3;--hover:#73ecf3;--font-body:'Roboto' , sans-serif;--font-heading:'Roboto Slab' , serif}h1,h2,h3,h4,h5,h6{margin:0;font-family: var(--font-heading);color:var(--primary-blue);font-weight:700}header{background-color:var(--primary-color)}#top-header h3{font-size:1.2rem;color:#fff;font-weight:bold;padding:10px 0;text-decoration:underline;text-decoration-color:var(--links);text-decoration-thickness:1px;text-underline-offset:2px}nav{background-color:var(--secondary-color)}.navbar{padding:10px}.navbar-brand{color:#fff;text-decoration:underline;text-decoration-color:var(--links);text-decoration-thickness:2px;text-underline-offset:2px;font-weight:bold;padding:0 10px}.navbar-toggler{color:#fff;border-color:#fff;padding:0 10px}.nav-item .active{color:var(--light-blue);text-decoration:underline;text-decoration-color:var(--links);text-decoration-thickness:2px;text-underline-offset:2px}a .active{color:var(--light-blue)}.nav-item a{font-size:1.2rem;color:#fff;text-decoration:underline;text-decoration-color:var(--white);text-decoration-thickness:2px;text-underline-offset:2px}.nav-item a:hover{color:var(--white);font-weight:bolder;text-decoration:underline;text-decoration-color:var(--links);text-decoration-thickness:2px;text-underline-offset:2px}footer{color:#fff;background-color:#000;padding:20px;text-align:center}footer a{color:var(--primary-blue);text-decoration:underline;text-decoration-color:var(--links);text-decoration-thickness:2px;text-underline-offset:2px;font-weight:bold}body{background:linear-gradient(to right,#73f37a,#fef3f8)}.container-sm,.container-lg{max-width: calc(960px + 24px * 2) !important;padding:0 24px!important}.more-chat-rooms a{color:var(--primary-blue);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#intro a{color:var(--primary-color);text-decoration:underline;text-decoration-color:var(--links);text-decoration-thickness:2px;text-underline-offset:2px;font-weight:bold}