diff options
| -rw-r--r-- | main_style.css | 41 |
1 files changed, 27 insertions, 14 deletions
diff --git a/main_style.css b/main_style.css index 38fcc18..43a37de 100644 --- a/main_style.css +++ b/main_style.css @@ -5,30 +5,32 @@ body { } body>header>h1 { - padding-top: 15rem; background: transparent url("https://dream.public.cat/uploads/dream/original/1X/0c90cdab7f4542baa08e4232e2ddb7e8216b419c.png") center/15rem no-repeat; + line-height: 15rem; + color: transparent; } -.button { - background-color: #4CAF50; - border: none; - color: white; - padding: 15px 32px; - text-align: center; - text-decoration: none; - display: inline-block; - font-size: 1rem; +body>header>h2 { + font-size: 2.5rem; + font-weight: normal; +} + +body>header { + padding-bottom: 1.5rem; } +.tagline { + font-size: 1.25rem; +} -.grid-container { +main>article { display: grid; grid-template-columns: 33% 34% 33%; background-color: #2196F3; padding: 10px; } -.grid-container>section { +main>article>section { background-color: gray; border: 1px solid black; padding: 20px; @@ -36,8 +38,15 @@ body>header>h1 { text-align: center; } -.tagline { - font-size: 2.5rem; +main nav a { + background-color: #4CAF50; + border: none; + color: white; + padding: 15px 32px; + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 1rem; } aside { @@ -45,6 +54,10 @@ aside { margin: auto; } +aside>section { + margin: 3rem auto; +} + section { background-color: gray; border: 0.5rem solid #2196F3; |