* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

body {
	display: flex;
	color: #fff;
}

body, html {
	height: 100%;	
}

audio {
	display: none;
}

video {
	display: flex;
	background-color: black !important;
	flex: 1;
}

.me {
	background: green;
	position: absolute;
	bottom: 1rem;
	height: 20%;
	right: 1rem;
	width: 20%;
}

#controller {
	transform: translate(-50%, -50%);
	position: absolute;
	display: flex;
	gap: 1rem;
	bottom: 0;
	left: 50%;
}

#controller button {
	border: 0;
	padding: 0.5rem;
	border-radius: 50%;
}

#controller button .material-symbols-outlined {
	font-size: 30px;
}

#videoContainer {
	background: silver;
	display: flex;
	height: 100%;
	flex: 1;
}