body{margin:0;padding:0;background-color:#27272a;font-family:Montserrat}button:hover{cursor:pointer}.landing-cont{display:flex}.landing-header{margin-left:380px;margin-top:20px;color:#e5e5e5;font-size:30px}.landing-button{height:40px;width:100px;font-size:20px;background-color:#701a75;color:#d8b4fe;border-radius:5px}.landing-button:hover{cursor:pointer}.landing-cont button{margin-top:15px;margin-left:320px}.landing-cont2{margin-top:300px;display:flex;justify-content:center}.login-header{color:#e5e5e5;font-size:30px;text-align:center;margin-bottom:100px}.login-form{margin-left:720px;display:block}.login-input{width:300px;padding:10px 15px;margin-left:630px;margin-top:10px;margin-bottom:20px;box-sizing:border-box;border:2px solid #ccc;border-radius:4px;font-size:16px;font-family:Arial,sans-serif;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.login-register{margin-top:30px;margin-left:720px}.register-button{margin-top:20px;margin-left:720px}.lobby-header{color:#e5e5e5;font-size:24px;text-align:center}.lobby-room{display:flex;justify-content:center}.lobby-button{height:40px;width:130px;font-size:15px;background-color:#701a75;color:#d8b4fe;border-radius:5px;margin-right:30px;margin-left:30px}.lobby-button:hover{cursor:pointer}.lobby-logout{display:flex;justify-content:center;margin-top:100px}.room-button{height:40px;width:130px;font-size:15px;background-color:#701a75;color:#d8b4fe;border-radius:5px;margin-right:30px;margin-left:30px}.room-canvas{margin-top:20px;background-color:#eef2ff}.room-word{color:#e5e5e5;font-size:30px;text-align:center}.room-cont{display:grid;grid-template-columns:1fr 5fr;column-gap:30px}.room-right-cont{display:grid;grid-template-columns:7fr 3fr}.room-input{width:300px;padding:10px 15px;margin:10px 0;box-sizing:border-box;border:2px solid #ccc;border-radius:4px;font-size:16px;font-family:Arial,sans-serif;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out}.room-message{background-color:#fff;border:2px solid black;width:296px;color:#000}.room-right{margin-top:20px}.room-message-box{display:flex;justify-content:center}.room-send{margin-right:10px;margin-left:20px;margin-top:10px}.room-start{display:flex;margin-top:30px;justify-content:center}.room-hidden{display:none}.board-message{margin-top:20px}.board-message2{text-align:center;margin-bottom:5px}.end-message{background-color:#fff;border:2px solid black;width:250px;color:#000;display:flex;justify-content:space-between;padding:10px}.end-button{height:40px;width:130px;font-size:15px;background-color:#701a75;color:#d8b4fe;border-radius:5px}.end-cont{display:flex;flex-direction:column;align-items:center;justify-content:center}.end-cont-button{margin-top:50px;display:flex;justify-content:center}