Initial commit

css/main.scss

@@ -0,0 +1,84 @@
+// colors
+$gold: #AB996D;
+$white: #ffffff;
+$gray: #585858;
+$light-gray: #bebebe;
+$black: #231F20;
+
+// breakpoints
+$xs-break: 575px;
+$s-break: 767px;
+$m-break: 991px;
+$l-break: 1199px;
+
+// fonts
+@mixin Libre {
+  font-family: 'Libre Baskerville', serif;
+}
+@mixin Lato {
+  font-family: 'Lato', sans-serif;
+}
+
+//btns
+.btn {
+  @include Libre;
+  font-size: 14px;
+}
+
+.btn-primary {
+  background-color: $gold;
+  border-color: $gold;
+
+  &:hover {
+    background-color: darken($gold, 10%);
+    border-color: darken($gold, 10%);
+  }
+
+  &:active,
+  &:focus,
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled):active:focus {
+    background-color: darken($gold, 15%);
+    border-color: darken($gold, 15%);
+    box-shadow: 0 0 0 0.2rem rgba(129, 113, 74, .5);
+  }
+}
+
+body {
+  @include Lato;
+  
+  background-color: $white;
+  color: $black;
+  margin: 0;
+  overflow-x: hidden;
+}
+
+// Enable native smooth-scrolling for in-page anchor navigation
+// This complements the JS smooth-scroll and works when JS is unavailable
+html {
+  scroll-behavior: smooth;
+}
+
+p, a, li, span, div {
+  @include Lato;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  @include Libre;
+}
+
+.page-content {
+  padding: 110px 0 0 0;
+  position: relative;
+  top: -32px;
+
+  .hero-text {
+    h1 {
+      font-size: 64px;
+      margin-top: 0;
+    }
+  }
+}
+
+@import 'components/nav';
+@import 'components/slide';