.noTop {
	margin: 2em;
}

.pad-who {
	margin: 1em;
}
	
.blue {
		background: #3498db;
		color: white;
	}

	.noBack {
		background: none;
		transition: none;
	}
	
	h3 {
		text-align: center;
		width: 50vw;
		border-radius: 0.5em;
		/*padding: 1em;
		margin-bottom: 1em;*/
	}
	


	.racesFlex {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		width: 100vw;
	}

	.buttonsWrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	
	.buttonsWrapper button {
		margin: 1em;
	}
	
	
	.centerTitle {
		text-align: center;
		margin: 30px 0px 30px 0px;
	}
	
	#filter {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	#filter input {
		width: 20em;
		padding: 1em;
		border: 1px solid gray;
		border-radius: 0.5em;
	}










.centered {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 2em;
    margin: 1em;
}



	
	@media (max-width: 50em) {
		.buttonsWrapper{
			flex-direction: column;
		}
	}
	
	@media (max-device-width: 415px) {
		.buttonsWrapper{
			font-size: 2em;
		}
		
		h3 {
			font-size: 2em;
			width: 80vw;
		}
		
		#filter input {
			font-size: 2em;
		}
		
		.centerTitle {
		font-size: 3em;
	}
		
		.noBack {
		background: none;
		font-size: 3em;
	}
}