html,
body{
	margin:0;
	padding:0;
}

body{
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
	color:var(--color-text);
}

#app{
	width:100%;
	max-width:var(--max-width);
	margin:0 auto;
	background:#fff;
	min-height:100vh;
}

.page-content{
	width:100%;
	box-sizing:border-box;
}

/* grid-system */
.home-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:48px;

	padding:48px;
}

/* Mobile first responsive */
@media(max-width:900px){

	.home-grid{
		grid-template-columns:1fr;
		padding:20px;
		gap:32px;
	}

}