@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');

.totaliser {
	display: inline-block;
	font-family: "Roboto Mono", monospace;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 6vw;
	font-weight: 500;
	color: #FFF;
	letter-spacing: .5em;
	text-indent: .2em;
	background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 0.2em, rgba(255,255,255,0) 0.2em), /* Hide extra BG caused by text-indent */ 
				linear-gradient(90deg, #0039A6 0%, #0039A6 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
	background-size: 100%, 1.1em;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.totaliser {
		font-size: 3rem;
	}
}