From 46b70dea925355854c82637fd0bb773edb99fc5e Mon Sep 17 00:00:00 2001 From: DavidDGTNT Date: Thu, 18 Nov 2021 19:32:29 +0000 Subject: [PATCH] Added some HTML content and CSS styling for it --- src/assets/css/main.css | 50 +++++++++++++++++++++++++++++++++++++++++ src/index.html | 14 +++++++++++- 2 files changed, 63 insertions(+), 1 deletion(-) diff --git a/src/assets/css/main.css b/src/assets/css/main.css index e69de29..83cf8f6 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -0,0 +1,50 @@ +@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1&family=Open+Sans&family=Roboto&family=Shippori+Antique&display=swap'); + +body { + margin: 0px; + background-color: #ff7f50; +} + +header h1 { + font-family: "Shippori Antique", sans-serif; + display: inline-block; + padding: 10px; + color: #ffffff; +} + +header nav { + display: inline-block; +} + +ul { + list-style-type: none; + margin: 0; + padding: 10px; + background-color: #d2691e; +} + +li { + display: inline; +} + +li a { + display: inline-block; + color: #ffffff; + background-color: #a52a2a; + text-align: center; + padding: 14px 16px; + text-decoration: none; + font-family: "M PLUS 1", sans-serif; +} + +main { + margin: 10px; + padding: 10px; + background-color: #d2691e; + font-family: "Open Sans", sans-serif; + color: #ffffff; +} + +main p { + font-family: "Roboto", sans-serif; +} \ No newline at end of file diff --git a/src/index.html b/src/index.html index b4e7d46..e827657 100644 --- a/src/index.html +++ b/src/index.html @@ -2,8 +2,20 @@ Document + - +
+

Lyza the Sheepdog

+ +
+
+

Travel back in time!

+
\ No newline at end of file