#logo-container,body{background-repeat:no-repeat}#joinRoomBtn,.btn:hover{color:var(--virgin-white)}#joinRoomBtn,.btn{padding:12px 15px;text-transform:uppercase;cursor:pointer}#chat-page,#main-section{margin:0 auto;padding:0 20px}.btn,.msg-design,.my-message{color:var(--black)}#btn-box,#btn-box-connected,#chat-page,#input-msg-box,#section-box{display:flex}#messageInput,#messages{background-color:var(--light-grey-2)}#createRoomBtn:hover,#joinRoomBtn:hover,.btn,.btn:hover{background-color:var(--black)}#leaveChat,#sendMessage,.msg-design{width:fit-content}@font-face{font-family:'Advent Pro';src:url('media/fonts/AdventPro.ttf');font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url('media/fonts/Montserrat.ttf');font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box;outline:0;border:none}:root{--black:#000;--white:#e0e0e0;--t-1-white:#e0e0e04d;--t-2-white:#e0e0e0c0;--t-3-white:#e0e0e033;--virgin-white:#fff;--grey:#333;--dark-grey:#575656;--light-grey:#444;--light-grey-1:#c7c7c7;--light-grey-2:#d3d3d3;--grey-back:#151515}body,html{overscroll-behavior:none}body{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:"Advent Pro",serif;background-image:url('media/back.webp');background-size:cover;background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;overflow:hidden}#main-section{max-width:1280px}#section-box{padding-top:5rem;align-items:center;flex-direction:column}#logo-container{background-image:url('media/logo.webp');width:180px;height:100px;background-position:center;background-size:contain}#section-box-left-header{color:var(--light-grey);font-weight:200;margin:20px 0 30px;font-size:6.625rem;text-transform:uppercase}#btn-box{gap:10px;flex-direction:column}.btn{font-family:'Advent Pro',serif;border:1px solid var(--light-grey);background-color:transparent;transition:.2s cubic-bezier(.4, 0, .2, 1);will-change:background-color transform}.btn:active{transform:scale(.95)}#createRoomBtn{font-size:20px;background-color:var(--light-grey-1)}#createRoomBtn:hover{letter-spacing:2px}#roomIdInput{padding:8px 15px;font-family:Montserrat,sans-serif;border-radius:0;font-size:15px;border:1px solid var(--light-grey)}#joinRoomBtn{font-family:'Advent Pro',serif;font-size:18px;background-color:var(--light-grey);transition:.3s ease-in-out}#chat-page{flex-direction:column;height:100dvh;max-width:720px;font-family:Inter,sans-serif}#messageInput,.msg-design{font-family:Montserrat,sans-serif}#btn-leave-box{display:flex;justify-content:right}#leaveChat{font-size:14px;margin-top:20px;font-weight:500}#messages{padding:10px;height:100%;margin-top:20px;overflow-y:auto;word-wrap:break-word;color:var(--white)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msg-design{padding:.375rem;margin-bottom:3px;overflow:hidden;font-size:16px;white-space:pre-wrap;max-width:80%;text-align:justify;animation:.3s ease-out fadeIn}.msg-design:last-child{margin-bottom:0}.my-message{background-color:var(--virgin-white);margin-left:auto}.partner-message{background-color:var(--dark-grey);color:var(--virgin-white);margin-right:auto}#input-msg-box{position:sticky;bottom:env(safe-area-inset-bottom);width:100%;padding-bottom:20px}#messageInput{width:100%;resize:none;border-radius:0;padding:10px 12px;font-size:15px;border-top:1px solid var(--light-grey-1);font-weight:500}#messageInput::-webkit-scrollbar-thumb{background-color:var(--black);border-radius:10px;border:3.5px solid var(--virgin-white)}#sendMessage{font-size:14px;color:var(--virgin-white);background-color:var(--grey);border:0}@media (max-width:768px){#section-box-left-header{font-size:3rem}#leaveChat{margin-top:10px}#input-msg-box{position:sticky;bottom:0}#btn-box,#joinRoomBtn,#roomIdInput{width:100%}}@media (hover:none) and (pointer:coarse){#leaveChat:active,#leaveChat:hover,.btn:active,.btn:hover{background-color:initial;color:initial}.btn:active,.btn:hover{transform:none;letter-spacing:initial}#createRoomBtn:active,#createRoomBtn:hover{background-color:var(--light-grey-1);letter-spacing:initial}#joinRoomBtn:active,#joinRoomBtn:hover{background-color:var(--light-grey);color:var(--virgin-white)}#sendMessage:active,#sendMessage:hover{background-color:var(--grey);color:var(--virgin-white)}}