@import "vendor/bootstrap";
@import "vendor/dancing-script";

@import "base/all";

@import "components/hero";

:root {
  #main {
    min-height: 100vh;

    > *:first-child:not(#hero) {
      margin-top: 10vh;
    }

    #hero {
      #hero-content {
        background-color: black;
        overflow: hidden;
        height: 80vh;
        margin: 10vh auto;


        #hero-image {
          background-image: url('../../assets/images/hero.webp');


        background-size: contain;
        background-position: left;
        background-repeat: no-repeat;
        }
      }
    }
  }
}

.blockquote {
  font-family: "Dancing Script", cursive;
  position: static;

  p {
    @extend .fs-2;

    &::before {
      content: "\201C";
      font-size: 200%;

      //@extend .fs-1;
      @extend .fw-bold;
    }

    /*
    &::after {
      content: "\201C";

      @extend .fs-1;
    }
    */
  }
}