$

src/pages/home.riot

@@ -1,49 +1,36 @@
 <home>
 	<style>
 		#main-container {
+			position: relative;
 			display: flex;
 			flex-direction: row;
-			justify-content: center;
-			align-items: center;
-			gap: 10%;
+			justify-content: space-around;
 		}
 
 		#main-container
-		#left
-		generalytics {
-			margin-bottom: 5%;
-		}
-
-		#main-container
-		#left
-		generalytics, etablanalytics {
-			display: flex;
-			flex-direction: column;
-			width: 525px;
-			height: 300px;
+		#right, #left generalytics, #left etablanalytics {
 			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;
+		#right {
+			align-self: flex-start;
 		}
+
+		#main-container
+		#left {
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			align-self: center;
+		}
+
 	</style>
 
 	<div id="main-container">
-		<div id="top">
-			<loc />
-		</div>
-
 		<div id="right">
 			<selector />
 		</div>