html,
body {
	height: 100%;
	background-color: #2c3056;
	color: #ffffff;
}

.container-content {
	background-color: #212543;
	-moz-box-shadow: 0 0 3px #000;
	-webkit-box-shadow: 0 0 3px #000;
	box-shadow: 0 0 3px #000;
	border-radius: .8em;
	/*padding: 2em 5em;*/
}

.container-content-inner {
	background-color: #2d3159;
	/*width: 48%;*/
	padding: .8em 1em;
	border-radius: .8em;
}

.container-content-inner p {
	margin-bottom: 0;
}

.container-content-inner p {
	font-size: 1em;
}

.container-content-inner .bigger {
	font-size: 1.5em;
}

.dot {
	height: .8em;
	width: .8em;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
}

.status {
	color: #0f121c;
}

.live {
	color: #42cd7d;
}

.live .dot {
	background-color: #42cd7d;
}

.btn-primary {
	letter-spacing: .05em;
	--bs-btn-color: #fff;
    --bs-btn-bg: #7033ff;
    --bs-btn-border-color: #7033ff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7f49ff;
    --bs-btn-hover-border-color: #7f49ff;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7f49ff;
    --bs-btn-active-border-color: #7f49ff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #7033ff;
    --bs-btn-disabled-border-color: #7033ff;
}