@font-face {
	font-family: 'BebasNeueRegular';
	src: url('../fonts/BebasNeueRegular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'BebasRegular';
	src: url('../fonts/BebasRegular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}


.text-box {
	padding-top: 2rem;
}

.result {
	margin-bottom: 0;
	margin-top: 3rem;
}

.fonts {
	font-size: 2rem;
	text-align: center;
	padding: 2rem;
}

small {
	font-size: 1.3rem;
}

.opensans {
	font-family: 'Open Sans', sans-serif;
}

.bebasregular {
	font-family: 'BebasRegular', sans-serif;
}

.badscript {
	font-family: 'Bad Script', cursive;
}

.lobster {
	font-family: 'Lobster', cursive;
}