/*
 * A partial implementation of the Ruby list functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/lists.rb
 */
/*
 * A partial implementation of the Ruby constants functions from Compass:
 * https://github.com/Compass/compass/blob/stable/lib/compass/sass_extensions/functions/constants.rb
 */
/*
 * A partial implementation of the Ruby display functions from Compass:
 * https://github.com/Compass/compass/blob/stable/core/lib/compass/core/sass_extensions/functions/display.rb
 */
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,700;1,400;1,700&family=Quicksand:wght@300;400;500;600;700&display=swap');
/*!
  http://meyerweb.com/eric/tools/css/reset/ 
  v2.0 | 20110126
  License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font: inherit;
  font-size: 100%;

  margin: 0;
  padding: 0;

  vertical-align: baseline;

  border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

/*!
  apply a natural box layout model to all elements, but allowing components to change
*/
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* ==========================================================================
Helper classes
========================================================================== */
/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
  position: absolute;

  overflow: hidden;
  clip: rect(0 0 0 0);

  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;

  border: 0;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  position: static;

  overflow: visible;
  clip: auto;

  width: auto;
  height: auto;
  margin: 0;
}

/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before, .clearfix:after {
  /* 1 */
  display: table;

  content: ' ';
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*# sourceMappingURL=maps/common.css.map */

html, body {
  font-family: 'Quicksand', sans-serif;
  font-size: 1em;
  line-height: 1em;

  position: relative;

  overflow: hidden;
  overflow-y: scroll;

  width: 100%;
  min-width: 320px;
  height: 100%;

  color: #000000;
  background: url('../img/wood3.jpg') no-repeat;
  background-size: 100% 100%;
}

main {
  position: relative;
  z-index: 1;

  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;

  height: 100%;
  margin: 0;
  padding: 0;
}

main:before {
  position: absolute;
  z-index: 0;

  width: 100%;
  height: 100%;

  content: '';

  opacity: 0;
  background-color: #8cc63f;
  background-image: linear-gradient(62deg, #8cc63f 0%, #008e50 100%);
}

main * {
  position: relative;
  z-index: inherit;
}

main h1 {
  display: none;
}

main .logo {
  max-width: 300px;
  max-height: 33%;
}

main h2 {
  font-family: 'Cabin', sans-serif;
  font-size: 2rem;

  margin: 1rem 0;
}

main p {
  font-family: 'Quicksand', sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.5;

  position: relative;
  z-index: 1;

  max-width: 300px;
  margin: 1rem 0 5rem 0;
  padding: 2rem;
}

@media (min-width: 1024px) {
  main p {
    max-width: 500px;
  }
}

main p:before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  width: 100%;
  height: 100%;

  content: '';

  opacity: 0.55;
  border-radius: 10px 10px 10px 10px;
  background-color: #ffffff;
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

main a, main .hover {
  font-family: 'Cabin', sans-serif;
  font-weight: 700;
  font-style: italic;

  position: relative;

  display: inline-block;

  margin: 0 auto;
  padding: 0;

  transition: all 0.2s ease-in-out;
  text-decoration: none;

  color: #008e50;
}

main a:before, main a:after, main .hover:before, main .hover:after {
  position: absolute;
  bottom: 0px;

  width: 0px;
  height: 2px;
  margin: 5px 0 0;

  content: '';
  transition: all 0.2s ease-in-out;
  transition-duration: 0.75s;

  opacity: 0;
  background-color: #007542;
}

main a.hover-1:before, main a.hover-1:after, main .hover.hover-1:before, main .hover.hover-1:after {
  left: 0;
}

main a:hover, main .hover:hover {
  cursor: pointer;
}

main a:hover:before, main a:hover:after, main .hover:hover:before, main .hover:hover:after {
  width: 100%;

  opacity: 1;
}

main em {
  font-family: 'Cabin', sans-serif;
  font-weight: 700;
  font-style: italic;

  position: relative;

  display: inline-block;

  margin: 0 auto;
  padding: 0;

  text-decoration: none;

  color: #008e50;
}

/*# sourceMappingURL=maps/home.css.map */