.logo{font-size:30px;color:#000;font-family:Cust-Atmospheric;margin:0 auto}.h-cont{background-color:#c5c5c5;height:50px;padding:10px}#inp{padding:8px;font-size:26px;border-radius:10px;background-color:#131313;color:#fff;width:65%}#frm{display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;background-color:#bababad0;width:80vw;height:50vh;margin:40px auto;max-width:500px;border-radius:20px}.tot-cont{width:80vw;margin:0 auto;max-width:900px}.msg-list{height:75vh;overflow-y:scroll}#cinp{font-size:16px;padding:8px;font-size:26px;border-radius:10px;background-color:#131313;color:#fff}#cfrm{display:flex;flex-direction:row;gap:5px;align-items:center;justify-content:center;width:100%;height:10vh;margin-top:auto;border-radius:20px}.msg-box{width:60%;background-color:#1e1e1e;margin:6px;border-radius:10px;padding:6px}.uname{color:#ffae00;margin-bottom:5px}.msg-piece{font-size:20px;color:#fff}.msg-box-myself{width:60%;background-color:#003409;border-radius:10px;padding:6px;margin:6px 6px 6px auto}.msg-box-joins{width:90%;background-color:#0f882500;margin:0 auto}@font-face{font-family:Poppins-Medium;src:url(../fonts/Poppins-Medium.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:RobotoMono-Bold;src:url(../fonts/Poppins-ExtraBold.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Cust-Atmospheric;src:url(fonts/aAtmospheric.ttf) format("truetype");font-weight:400;font-style:normal}*{margin:0}