From 14a8a35b1b032fdf2220c89ec81f8cf4a5fad0d2 Mon Sep 17 00:00:00 2001 From: Annika Date: Fri, 13 May 2022 12:43:52 -0600 Subject: [PATCH] added hanging card, and made title name "pop-out" --- index.html | 25 +++++++++++++++++++------ style.css | 30 +++++++++++++++++++++++++----- 2 files changed, 44 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index 8cd62c0..08f5e86 100644 --- a/index.html +++ b/index.html @@ -24,14 +24,16 @@
- -

TOMODACHI

+
+ +

TOMODACHI

+
-

Keep updated

+

Keep updated

Tell us about you
@@ -91,18 +93,29 @@
-
+

The Retro Renaissance is Here!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas exercitationem impedit nobis delectus aliquam.

-
+
-
+

Powerful 16-bit Computing, in an Affordable Package!

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Fuga velit nesciunt id error nobis iste sequi hic voluptates ut cupiditate.

+
+
+
    +
  • lorem3
    • +
  • lorem3
    • +
  • lorem3
    • +
  • lorem3
    • +
  • lorem3
    • +
+
+
diff --git a/style.css b/style.css index ffbe343..2d5c8fc 100644 --- a/style.css +++ b/style.css @@ -9,16 +9,22 @@ } header { + background-color: var(--dark-bg); + height: 10vh; + width: 100vw; +} + +.site-title { display: flex; align-items: center; font-family: "DEADCRT"; - background-color: var(--dark-bg); + /* background-color: var(--dark-bg); */ color: white; padding-left: 2em; padding-right: 2em; padding-top: 1em; - height: 10vh; - width: 100vw; + /* height: 10vh; */ + /* width: 100vw; */ padding-bottom: 1em; position: fixed; top: 0px; @@ -26,7 +32,7 @@ header { } main { - margin-top: 10vh; + /* margin-top: 10vh; */ height: 500vh; } @@ -41,7 +47,21 @@ main { } #pitch-bar { - min-height: 30vh; + height: 30vh; background-color: var(--dark-bg); color: var(--light-text); +} + +.txt-lt { + color: var(--light-text); +} + +.bg-drk { + background-color: var(--dark-bg); +} + +.hanging-card { + min-height: 36vh; + position: relative; + top: 10vh; } \ No newline at end of file