diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css new file mode 100644 index 0000000..30b1fda --- /dev/null +++ b/app/assets/stylesheets/application.css @@ -0,0 +1,36 @@ +@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Arvo:400'); + @import "bootstrap"; + @import "guests"; + @import "welcome"; +/* * This is a manifest file that'll be compiled into application.css, which will include all the files * listed below. * * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's * vendor/assets/stylesheets directory can be referenced here using a relative path. * * You're free to add application-wide styles to this file and they'll appear at the bottom of the * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS * files in this directory. Styles in this file should be added after the last require_* statement. * It is generally better to create a new file per style scope. * */ + h1 { + font-size: 60px; + font-weight: 700; + letter-spacing: 0.0833333em; + text-transform: uppercase; + white-space: normal; + /* Standard‑Umbruch aktivieren */ + overflow-wrap: break-word; + /* Für lange Wörter (z. B. URLs) */ +} + h2 { + color: theme-color("primary"); + font-size: 28px; + font-weight: 700; + line-height: 1.5em; + letter-spacing: 0.0833333em; + text-transform: uppercase; +} + h2 svg { + fill: currentColor; + margin: 0 auto; + height: 100px; +} + .wedding-cta-btn { + letter-spacing: 2px; + padding: 0.75rem 1.5rem; +} + .wedding-required { + color: theme-color("primary"); +} + \ No newline at end of file