/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) 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
 * 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.
 *
 *= require_tree .
 *= require_self
 */
@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;
}


.hero-bg {
    background-size: contain;
    background-color:  #FDFEFE;
}

.lavender-wisp {
    background-image: url("assets/lavender-wisp.png");
    background-size: cover;
    height: 4rem;
}

/* #container { */
/*     background-color: darkseagreen; */
/*     height: 100%; */
/* } */

/* #navbar > ul { */
/*     list-style-type: none; */
/* } */
/* #navbar > ul > li { */
/*     float: left; */
/*     font-size: 1.25em; */
/*     margin-top: 16px; */
/*     margin-left: 30px; */
/*     color: cornsilk; */
/* } */

/* #logo { */
/*     font-size: 1.5em; */
/*     padding: 12px 20px; */
/*     float: left; */
/*     color: cornsilk; */
/* } */

/* .nav-column-member { */
/*     float: left; */
/*     font-size: 1.25em; */
/*     padding: 16px 30px; */
/* } */

/* #main-content { */
/*     clear: left; */
/*     background-color: cornsilk; */
/*     height: 100%; */
/* } */


.fleur-de-leah-regular {
  font-family: "Fleur De Leah", cursive;
  font-weight: 400;
  font-style: normal;
}

.rogue-script {
  font-family: "Rouge Script", cursive;
  font-weight: 400;
  font-style: normal;
}
