.driverlicense {
	padding: 2px;
	margin: 2px;
	align-items: center;
	font-size: 90%;
	display: flex;
}

.driverlicense > a {
	margin: 4px;
	padding: 4px;
	flex: inline;
	font-size: 100%;
}

.big{
	padding: 4px;
	margin: 4px;
	width: 6vw;
	height: 12vh;
	border-radius: 0.4em;
	box-shadow: 0 0 0.8em var(--mdn-shadow, #ffff00);
	span { font-size: 120%; }
}

.medium{
	padding: 3px;
	margin: 3px;
	width: 3vw;
	height: 6vh;
	border-radius: 0.3em;
	box-shadow: 0 0 0.6em var(--mdn-shadow, #ffff00);
	span { font-size: 100%; }
}

.small {
	padding: 2px;
	margin: 2px;
	width: 1vw;
	height: 1.5vh;
	border-radius: 0.2em;
	box-shadow: 0 0 0.4em var(--mdn-shadow, #ffff00);
	span { font-size: 80%; }
}

.tiny{
	padding: 2px;
	margin: 2px;
	width: 0.5vw;
	height: 1vh;
	border-radius: 0.2em;
        box-shadow: 0 0 0.4em var(--mdn-shadow, #ffff00);
	span { font-size: 60%; }
}


.rookie {
	background: red;
}
.iron {
	background: darkgray;
}
.steel {
	background: gray;	
}
.bronze {
	background: orange;
}
.silver {
	background: lightgray;
}
.gold {
	background: yellow;
}
.platinum {
	background: pink;
}
.titanium {
	background: purple;
}
.alien {
	background: transparent;
}