@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@400;600&display=swap);body{align-items:center;background:linear-gradient(135deg,#ffd6e0,#cde7ff);display:flex;font-family:Fredoka,sans-serif;height:100vh;justify-content:center;margin:0}.join{background:#fff;border-radius:25px;box-shadow:0 10px 30px #0000001a;padding:40px;text-align:center}.join h1{color:#444;margin-bottom:20px}.join input{background:#f3f3f3;border:none;border-radius:20px;font-size:16px;margin-bottom:20px;outline:none;padding:12px;width:250px}.join button{background:linear-gradient(135deg,#ff9a9e,#fad0c4);border:none;border-radius:25px;cursor:pointer;font-size:16px;padding:12px 25px;transition:.3s}.join button:hover{transform:scale(1.05)}.logo{font-size:28px;margin-bottom:10px}.game-container{display:flex;flex-direction:column;height:100vh}.top-bar{background:#fffc;border-radius:0 0 20px 20px;display:flex;justify-content:space-between;padding:15px}.game-main{display:flex;height:100%}.players-box{background:#fffc;margin:10px;padding:10px;width:20%}.canvas-box{align-items:center;display:flex;flex-direction:column;justify-content:center;width:60%}canvas{background:#fff;border:4px dashed pink;border-radius:20px;box-shadow:0 0 20px #ffb6c1cc;height:400px;max-width:700px;width:90%}.colors button{border:none;border-radius:50%;cursor:pointer;height:35px;margin:5px;width:35px}.chat-box{background:#fffc;border-radius:20px;margin:10px;padding:10px;width:20%}#chat{background:#fff;border-radius:15px;height:250px;margin-bottom:10px;overflow-y:auto;padding:10px}#chat div{background:#ffe0f0;border-radius:12px;margin:5px 0;padding:8px}.home{padding:30px;text-align:center}.title{font-size:40px;margin-bottom:20px}.join-box{margin:20px}.join-box input{border:none;border-radius:12px;margin-right:10px;padding:12px;width:200px}.join-box button{background:linear-gradient(135deg,#ff9a9e,#fad0c4);border:none;border-radius:12px;cursor:pointer;font-weight:700;padding:12px 20px}.join-box button:hover{transform:scale(1.05)}.info-box{background:#fff;border-radius:20px;box-shadow:0 5px 15px #0000001a;margin:20px auto;padding:20px;width:60%}.info-box h2{margin-bottom:10px}.info-box ul{text-align:left}.players-box{background:#fdfdfd;border-radius:20px;padding:15px;width:220px}.players-box h3{margin-bottom:10px}.game-container{background:linear-gradient(135deg,#fceaff,#e0f7ff);min-height:100vh}.canvas-box{background:#fff;border-radius:20px;box-shadow:0 5px 15px #0000001a;padding:10px}
/*# sourceMappingURL=main.12601166.css.map*/