diff --git a/public/index.html b/public/index.html
index 5da7ed3..4057af0 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,6 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
+	<style>
+		body{
+			background-color: #2E4374;
+			border-style: auto;
+			color: #fff;
+		}
+	</style>
 	<meta charset='utf-8'>
 	<meta name='viewport' content='width=device-width,initial-scale=1'>
 
diff --git a/src/App.svelte b/src/App.svelte
index d65102c..5d585d9 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -14,24 +14,31 @@
 </script>
 
 <style>
-
+body {
+	background-color: #4B527E;
+	color: #fff;
+	font-family: Verdana;
+}
 .containerCentre {
 	text-align: center;
 }
 
 </style>
 
-<div class="containerCentre">
-	<ProfilePicture {...imgLink} />
-	<p>
-		@louire
-		<br>
-		Loui Recio Izaguirre
-	</p>
-	{#each links as link}
-		<LinksButton {...link} />
-	{/each}
-
-</div>
-
+<body>
+	<div class="containerCentre">
+		<ProfilePicture {...imgLink} />
+		<p>
+			@louire
+			<br>
+			Loui Recio Izaguirre
+		</p>
+		{#each links as link}
+			<LinksButton {...link} />
+		{/each}
+	
+	</div>
+	
+		
+</body>
 
diff --git a/src/components/LinksButton.svelte b/src/components/LinksButton.svelte
index 7e82b8b..6b98b1b 100644
--- a/src/components/LinksButton.svelte
+++ b/src/components/LinksButton.svelte
@@ -6,16 +6,18 @@
 
 <style>
     a.button {
-	background-color: #4CAF50;
+	background-color: #E5C3A6;
 	border: none;
-	color: white;
+	color: black;
 	padding: 15px 32px;
 	line-height: 24px;
 	display: inline-block;
 	font-size: 16px;
+	font-weight: bolder;
 	width: 80%;
 	margin-top: 20px;
 	border-radius: 10px;
+	
 }
 </style>
 
