From 72e4f6cacf1e1f8c9ef566f7fe3b89602658d05d Mon Sep 17 00:00:00 2001 From: Nemael <100dragons@gmail.com> Date: Tue, 22 Sep 2020 15:45:40 +0200 Subject: 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? --- main_style.css | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) (limited to 'main_style.css') 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; } -- cgit v1.2.3