@font-face { font-family: 'avenir';
             src: url('schriften/Avenir Next Condensed.ttc') format('truetype'); }
@font-face { font-family: 'vibes';
             src: url('schriften/Good Vibes - Demo.ttf') format('truetype'); }
             
body{

	--main-header-color: 	rgb(245, 194, 175);
	--main-text-color: 		rgb(0, 0, 0);
	--main-font: 			avenir;
	--main-font-size-H1: 	30px;
	--main-font-size-H2: 	24px;
	--main-font-size-text: 	14px;
	--main-font-header: 	vibes;
	
	--main-content-width: 	900px;
	--main-gap-top: 		700px;
	--main-gap-bottom: 		1024px;

	font-family: 	var(--main-font);
	font-size:		var(--main-font-size-text);
	color: 			var(--main-text-color);
}

.content{
	width:			var(--main-content-width);
	margin:			0 auto 0 auto;
}

input[type=submit]{
	font-family: 	var(--main-font);
	font-size:		var(--main-font-size-text);
	color: 			var(--main-text-color);
}