Put logo on top of page, changed background color, but links are still hard to see, maybe put a picture in background of the website?

1 files changed, 8 insertions, 7 deletions

diff --git a/main_style.css b/main_style.css
index 142456d..4f2bba8 100644
--- a/main_style.css
+++ b/main_style.css
@@ -1,23 +1,23 @@
 body{
-	background-color: darkblue;
+	background-color: #6666ff;
 	color: white;
 	text-align: center;
 }
 
 body>header>h1 {
-	min-height:100px;
-	background: transparent url("https://dream.public.cat/uploads/dream/original/1X/0c90cdab7f4542baa08e4232e2ddb7e8216b419c.png") top left/2rem no-repeat;
+	padding-top: 15rem;
+	background: transparent url("https://dream.public.cat/uploads/dream/original/1X/0c90cdab7f4542baa08e4232e2ddb7e8216b419c.png") center/15rem no-repeat;
 }
 
 .button {
-	background-color: #4CAF50; /* Green */
+	background-color: #4CAF50;
 	border: none;
 	color: white;
 	padding: 15px 32px;
 	text-align: center;
 	text-decoration: none;
 	display: inline-block;
-	font-size: 16px;
+	font-size: 1rem;
 }
 
 
@@ -32,12 +32,12 @@ body>header>h1 {
 	background-color: gray;
 	border: 1px solid black;
 	padding: 20px;
-	font-size: 30px;
+	font-size: 1.5rem;
 	text-align: center;
 }
 
 .tagline{
-	font-size: 30px;
+	font-size: 2.5rem;
 }
 
 aside{
@@ -47,5 +47,6 @@ aside{
 
 section{
 	background-color: gray;
+	border: 0.5rem solid #2196F3;
 	padding: 20px;
 }