body
		{
		background: #0F78B8;
		}
		
	.wheelBody
		{
		letter-spacing: .6px;
		}
	.footerStuff
		{
		display: none;
		}
	.wheelBig
		{
		font-size: min(24pt,3vw);
		font-family: 'Fredoka One', sans-serif;
		letter-spacing: .6px;
		color: #FFFFFF;
		line-height: 1.4em;
		text-shadow: 2px 2px 0px #000000;
		}
		
	.wheelRank
		{
		padding:1rem;
		color: #FFFFFF;
		font-family: 'Fredoka One', sans-serif;
		display: inline-block;
		}
		
	#wheelContainer
		{
		position: relative;
		}
		
	#wheelCanvas
		{
		}
		
	.wheelSpinNumber
		{
		display: inline-block;
		width: 4em;
		text-align: left;
		}
		
	.wheelSpin
		{
		display: none;
		}
		
	.wheelSpinDash
		{
		display: inline-block;
		}
		
	.wheelSpinPosition
		{
		display: inline-block;
		margin-left: 4px;
		width: 60px;
		text-align: left;
		}
		
	.wheelSmall
		{
		font-family: 'Fredoka One', sans-serif;
		color: #FFFFFF;
		font-size: clamp(10pt, 2vw, 16pt);
		letter-spacing: .6px;
		line-height: 1.35em;
		}
		
	.wheelFinePrint
		{
		font-family: 'Valera Round', sans-serif;
		letter-spacing: normal;
		color: #FFFFFF;
		font-size: 10pt;
		line-height: 1.35em;
		}
		
	.wheelContentContainer
		{
		background: #0F78B8;
		padding: 1em;
		box-sizing: border-box;
		text-align: center;
		}
		
	.wheelLogo
		{
		padding:3em 3em 0em 3em;
		box-sizing: border-box;
		width: 100%;
		}
		
	.wheelInstructionsContainer
		{
		margin-top: 50px
		}
		
	.buttonSpotify
		{
		-webkit-appearance: none;
		background-color: #1DB954;
		color:#FFFFFF !important;
		text-transform: uppercase;
		text-decoration:none !important;
		border:none;
		font-family: "Lato",helvetica,arial,sans;
		font-weight: 400;
		font-size:14pt;
		text-align: center;
		cursor: pointer;
		border-radius: 0px;
		outline:none;
		font-size:10pt;
		text-align: center;
		padding:16px 16px 14px 16px;
		border-radius: 4px;
		}
		
	.buttonSpotify:hover
		{
		background:#1caf4f;
		}
		
	.buttonSpotify:active
		{
		background:#1ca94d;
		box-shadow: inset -1px 1px 1px #13873c;
		outline:none;
		}
		
	.stepContainer
		{
		margin-top: 2em;
		padding: 2em;
		border-radius: 5px;
		background: rgba(0, 0, 0, 0.14);
		display: inline-block;
		width: 80%;
		box-sizing: border-box;
		}

		
	@media screen and (max-width: 480px) 
		{
		.wheelInstructionsContainer
			{
			}
		.wheelLogo
			{
			margin-top: 50px;
			padding:0px;
			}
		.wheelContentContainer
			{
			padding: 1rem;
			}
		.wheelBig
			{
			font-size: 18pt;
			}
		.wheelSmall
			{
			font-size: 10pt;
			margin-top: 5px;
			}
		.wheelFinePrint
			{
			font-size: 10pt;
			margin-top: 5px;
			}
		.buttonSpotify
			{
			width: 100%;
			box-sizing: border-box;
			}
		}