Module:ScopeBox/styles.css

@media screen {
	.scope-box {
		/* make sure this displays correctly */
		display: inline-block;
		/* fill the entire width of the container */
		width: 100%;
		/* add a little shadow around the box */
		box-shadow: 0 0 10px black;
		/* center the text */
		text-align: center;
	}

	.scope-box a {
		/* make sure this displays correctly */
		display: inline-block;
		/* fill the entire width of the container */
		width: 100%;
		/* blur the background */
		backdrop-filter: blur(2px);
		/* use the background as text color */
		background-clip: text;
		/* font settings */
		font-family: var(--font-family-serif) !important;
		font-size: 300% !important;
	}
}