diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 9a23914..e430326 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -13,7 +13,8 @@ *= require_tree . *= require_self */ -@import url('https://fonts.googleapis.com/css2?family=Fleur+De+Leah&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Euphoria+Script&family=Fleur+De+Leah&family=Rouge+Script&display=swap'); + html, body { margin: 0; padding: 0; @@ -21,8 +22,14 @@ html, body { .hero-bg { - background-image: url("assets/hero.jpg"); + background-size: contain; + background-color: #FDFEFE; +} + +.lavender-wisp { + background-image: url("assets/lavender-wisp.png"); background-size: cover; + height: 4rem; } /* #container { */ @@ -66,3 +73,9 @@ html, body { font-weight: 400; font-style: normal; } + +.rogue-script { + font-family: "Rouge Script", cursive; + font-weight: 400; + font-style: normal; +} diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb index 70e1d5f..362ba9b 100644 --- a/app/views/home/index.html.erb +++ b/app/views/home/index.html.erb @@ -1,103 +1,131 @@