Some aesthetic improvements to homepage

docs/index.html

@@ -17,9 +17,15 @@
 			justify-content: center;
 			flex-direction: column;
 			text-align: center; 
-			width:700px;
+			width:800px;
 			margin:0px auto;
-			padding-bottom:30px;
+			padding-top:35px;
+			padding-bottom:80px;
+
+			background-image:url('traces.png');
+			background-size:220% 180%;
+			background-position:50% 20%;
+			background-repeat:no-repeat;
 		}
 		#header #buttons {
 			display:block;
@@ -36,7 +42,8 @@
 			display:block;
 			text-align:center;
 			font-size:80px;
-			padding-bottom:15px;
+			padding-top:20px;
+			padding-bottom:0px;
 		}
 		#header span {
 			font-family:sans-serif;
@@ -46,7 +53,8 @@
 		.item {
 			border-radius:3px;
 			position:relative;
-			margin:50px auto;
+			margin:0px auto;
+			margin-bottom:80px;
 			width: 920px;
 			height:350px;
 			background-color: #92B4ECBB;
@@ -70,7 +78,8 @@
 			font-family:Roboto;
 			font-size:30px;
 			padding:50px;
-			padding-bottom:20px;
+			padding-bottom:30px;
+			margin:0px;
 		}
 		.item span {
 			display:inline-block;
@@ -113,7 +122,7 @@ <h2>Accurate and fast particle tracing</h2>
 </div>
 
 <div class='item'>
-<div class='image'></div>
+<img src="formulas-magnetic.png" class='image' />
 <h2>Magnetostatics</h2>
 <span>Thanks to the method of reduced potential, Traceon also allows magnetostatic fields to be computed.</span>
 </div>