<div id="userFormArea" class="row login-form">
						<div class="col-12">
							<!-- ADD DESCRIPTION HERE -->
							<!-- <h2 class="text-center">Welcome to VAnime</h2>
							<p class="text-center">The hot new video synchronization platform used to watch videos in realtime with
								friends!</p>
							<hr style="height:20pt; visibility:hidden;" /> -->
							<div class="box-wrapper">

								<div class="form-wrapper">
									<h5 class="text-center">Create Or Join a Room! </h5>
									<form id="userForm">
										<div class="form-group">
											<p class="missing-info" id="missinginfo"></p>
											<!-- <label>Enter Name</label> -->
											<input class="form-control" id="username" placeholder="Enter Username" />
											<p class="missing-info" id="missinginfo2"></p>
											<!-- <label>Enter Room ID (Default 1)</label> -->
											<button type="button" onClick="randomroom()" class="btn btn-sm random">Random</button>
											<br />
											<input class="form-control" id="roomnum" placeholder="Enter Room ID" />
											<br />

											<input style="margin-top: 10px;" type="submit" class="btn btn-primary login-btn" value="Enter" />
											<!-- <hr style="height:65pt; visibility:hidden;" /> -->
										</div>
									</form>
								</div>

							</div>
						</div>

						</div>
					</div>