.navbar.randomquotes-container {
	margin: 0 auto 8px;
	padding: 0 !important;
	background: rgba(0,0,0,0.4) !important;
	border-radius: 7px;
	/*width: 80%;*/
	position: relative;
	box-shadow: 0 3px 4px rgba(0,0,0,0.5);
}
.navbar.randomquotes-container h3 {
	margin: 2px 0px 4px;
	text-transform: none;
	font-size: 1.3em;
	color: inherit;

	/*background:
		linear-gradient( to bottom,
			rgba(255,255,255,0.1), rgba(255,255,255,0.1) 50%,
			rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.2) ),
			rgba( 0,0,0, 0.5);*/

	padding: 8px 0 0;
	border-radius: 7px 7px 0 0;

	text-align: center;
	color: #eee;

	/*position: absolute;*/
	/*top: 5px;
	left: calc( 100% + 7px );*/
	/*top: 3px;
	right: 10px;
	text-wrap: nowrap;*/

	color: rgba(255,255,255,0.5);
	text-transform: uppercase;
}
p.randomquotes-name {
	margin: 2px 0px;
	font-size: 1.3em;
	padding: 8px 8px 4px;
	background: rgba( 0,0,0,0.4) !important;
}
span.randomquotes-name-b {
	font-weight: bold;
	margin-left: 2px;
}
.randomquotes-text {
	margin-bottom: 1px;
	font-size: 1.25em;
	font-style: italic;
	padding: 0 8px 8px;
}
/*
@media (prefers-color-scheme: dark) {
	.navbar.randomquotes-container {
		background: #161b26;
		border: 1px solid #3c485d;
		color:#f2f2f2;
	}
	h3.navbar.randomquotes-headline{
		border-color: #3c485d;
	}

}
*/