/*@font-face {
	font-family: 'Raleway';
	src: url('../fonts/Raleway/Raleway-VariableFont_wght.ttf');
}*/

@font-face {
	font-family: 'DMSerifText';
	src: url('../fonts/DM_Serif_Text/DMSerifText-Regular.ttf');
}

/*@font-face {
	font-family: 'RubikMarkerHatch';
	src: url('../fonts/Rubik_Marker_Hatch/RubikMarkerHatch-Regular.ttf');
}*/

* {
	box-sizing: border-box;
	font-family: "DMSerifText", serif;
	font-optical-sizing: auto;
	/* <weight>: Use a value from 100 to 900*/
	/*font-weight: <weight>;*/
	font-style: normal;
	}

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;

	min-height: 1000px;

	touch-action:none;

	}

.body {}

.app {
	color: rgb(60, 64, 67);
	background: #F3F6FB;
	height: 100%;
	}

.heading {
	text-align: center;
	font-weight: 100;
	font-size: 72px;
	padding: 72px 0px;
	}

.container {
	background: #F3F6FB;
	/*padding: 20px 0px;*/
	/*height: 400px;*/
	/*width: 600px;*/
	margin: auto;
	/*background: #FFFFFF;*/
}


canvas {
	background: #000000;
}