.titillium-web-extralight{font-family:Titillium Web,sans-serif;font-weight:200;font-style:normal}.titillium-web-light{font-family:Titillium Web,sans-serif;font-weight:300;font-style:normal}.titillium-web-regular{font-family:Titillium Web,sans-serif;font-weight:400;font-style:normal}.titillium-web-semibold{font-family:Titillium Web,sans-serif;font-weight:600;font-style:normal}.titillium-web-bold{font-family:Titillium Web,sans-serif;font-weight:700;font-style:normal}.titillium-web-black{font-family:Titillium Web,sans-serif;font-weight:900;font-style:normal}.titillium-web-extralight-italic{font-family:Titillium Web,sans-serif;font-weight:200;font-style:italic}.titillium-web-light-italic{font-family:Titillium Web,sans-serif;font-weight:300;font-style:italic}.titillium-web-regular-italic{font-family:Titillium Web,sans-serif;font-weight:400;font-style:italic}.titillium-web-semibold-italic{font-family:Titillium Web,sans-serif;font-weight:600;font-style:italic}.titillium-web-bold-italic{font-family:Titillium Web,sans-serif;font-weight:700;font-style:italic}body{max-height:90vh;margin:0}.navbar{display:flex;justify-content:space-between;position:absolute;padding:2px!important;top:0;left:0;right:0;height:40px;background:#fff;z-index:10;border-bottom:1px solid #ddd}.full-screen{max-height:100vh;overflow-y:auto}.auto-flow{overflow-y:auto;margin-top:5px;margin-bottom:5px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#555}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:10px}.message-size{margin-top:40px}.message-size+.message-size{margin-top:0}.profile-title{text-align:center;color:#333}.picture-frame{display:inline-block;border:5px solid #ddd;border-radius:50%;padding:5px;margin-bottom:20px;text-align:center}.profile-picture{border-radius:50%;width:100px;height:100px;-o-object-fit:cover;object-fit:cover}.profile-info{display:flex;flex-direction:column;gap:15px}.profile-item{display:flex;align-items:center}.profile-label{min-width:100px;color:#555}.profile-value{flex:1;font-size:1.2em;color:#000}.profile-picture-placeholder{width:150px;height:150px;background-color:#ddd;border-radius:50%}.userButton{padding:10px}.userButton:hover{background-color:#f0f0f0}.grid-container{max-height:76vh}