parcoursup/src/pages/home.riot

<home>
	<style>
		#main-container {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			gap: 10%;
		}

		#main-container
		#left
		generalytics {
			margin-bottom: 5%;
		}

		#main-container
		#left
		generalytics, etablanalytics {
			display: flex;
			flex-direction: column;
			width: 525px;
			height: 300px;
			padding: 20px;
			box-shadow: 0px 0px 9px 1px black;
			background: #7A90A4;
			border-radius: 10px;

		}

		#main-container
		#top
		loc {
			display: flex;
			justify-content: center;
			align-items: center;
			width: 200px;
			height: 10px;
		}
	</style>

	<div id="main-container">
		<div id="top">
			<loc />
		</div>

		<div id="right">
			<selector />
		</div>

		<div id="left">
			<generalytics />
			<etablanalytics />
		</div>
	</div>
</home>