added new buttons for selection of attributes

client/SkribblMenu.js

@@ -13,9 +13,24 @@ export default class SkribblMenu extends HTMLElement {
 					border-radius: 10px;
 					padding: 15px;
 				}
+				.characterSelector {
+					color: red;
+					margin: auto;
+					text-align: center
+					display:inline-block;
+				}
+				#ColorButtons{
+					text-align: center
+				}
 			</style>
-			<input type="text">
+			<div class="w3-container" id="ColorButtons"> 
+			<button class="characterSelector">&#8592</button>
+			<img alt="CharacterLook">
+			<button class="characterSelector">&#8594</button>
+			</div>
+			<input type="text" placeholder="Your Name">
 			<button>Play</button>
+
 		`;
 		this._nameInput = this.shadowRoot.querySelector("input");
 		this._playButton = this.shadowRoot.querySelector("button");