/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
/* Document
   ========================================================================== */
/* line 12, app/assets/stylesheets/normalize.css */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
/* line 26, app/assets/stylesheets/normalize.css */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
/* line 34, app/assets/stylesheets/normalize.css */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 48, app/assets/stylesheets/normalize.css */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
/* line 61, app/assets/stylesheets/normalize.css */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
/* line 71, app/assets/stylesheets/normalize.css */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 80, app/assets/stylesheets/normalize.css */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 91, app/assets/stylesheets/normalize.css */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
/* line 104, app/assets/stylesheets/normalize.css */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
/* line 114, app/assets/stylesheets/normalize.css */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 124, app/assets/stylesheets/normalize.css */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
/* line 134, app/assets/stylesheets/normalize.css */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 143, app/assets/stylesheets/normalize.css */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 153, app/assets/stylesheets/normalize.css */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
/* line 164, app/assets/stylesheets/normalize.css */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
/* line 172, app/assets/stylesheets/normalize.css */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
/* line 181, app/assets/stylesheets/normalize.css */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 190, app/assets/stylesheets/normalize.css */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 198, app/assets/stylesheets/normalize.css */
sub {
  bottom: -0.25em;
}

/* line 202, app/assets/stylesheets/normalize.css */
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
/* line 213, app/assets/stylesheets/normalize.css */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
/* line 222, app/assets/stylesheets/normalize.css */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
/* line 231, app/assets/stylesheets/normalize.css */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
/* line 239, app/assets/stylesheets/normalize.css */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 251, app/assets/stylesheets/normalize.css */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 267, app/assets/stylesheets/normalize.css */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 277, app/assets/stylesheets/normalize.css */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
/* line 288, app/assets/stylesheets/normalize.css */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 299, app/assets/stylesheets/normalize.css */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 311, app/assets/stylesheets/normalize.css */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
/* line 322, app/assets/stylesheets/normalize.css */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 335, app/assets/stylesheets/normalize.css */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 349, app/assets/stylesheets/normalize.css */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
/* line 358, app/assets/stylesheets/normalize.css */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
/* line 367, app/assets/stylesheets/normalize.css */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 377, app/assets/stylesheets/normalize.css */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 387, app/assets/stylesheets/normalize.css */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
/* line 396, app/assets/stylesheets/normalize.css */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 406, app/assets/stylesheets/normalize.css */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
/* line 419, app/assets/stylesheets/normalize.css */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
/* line 428, app/assets/stylesheets/normalize.css */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
/* line 439, app/assets/stylesheets/normalize.css */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
/* line 447, app/assets/stylesheets/normalize.css */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
/* line 458, app/assets/stylesheets/normalize.css */
[hidden] {
  display: none;
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/Inter-Regular-4d3af571c1eaf96e1e58f88a158ff9107e7aa77e5dce7f5e30cea5d7149c6f70.woff2?v=3.19) format("woff2"), url(/assets/Inter-Regular-4b29689e4f4c1352490a26f37f3f85f66cfe9927d523df5133817aa9585605b6.woff?v=3.19) format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/Inter-SemiBold-28381713aacc71a223ce11847157ddaf66eed7fd93031590f41a1beabfc1dcb4.woff2?v=3.19) format("woff2"), url(/assets/Inter-SemiBold-858fdf0a5cfe89ac4670b0e14f0a149e5cfa0c8940787abd902bdbe687e8236f.woff?v=3.19) format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/Inter-Bold-4555674e339a87091ab7087e93b2c5317d36b982dc924cb89f3011faa11f23eb.woff2?v=3.19) format("woff2"), url(/assets/Inter-Bold-1cf2ebd9c0f917fda615bfd44b90030cff6b285be3d80190625b52df381884f5.woff?v=3.19) format("woff");
}

/* line 6, app/assets/stylesheets/website.sass */
*, *:before, *:after {
  box-sizing: border-box;
  outline: transparent;
}

/* line 10, app/assets/stylesheets/website.sass */
body {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  background-color: #222331;
  font-family: 'Inter', 'Helvetica Neue', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 125%;
  letter-spacing: 1px;
}

/* line 22, app/assets/stylesheets/website.sass */
a {
  color: inherit;
}

/* line 25, app/assets/stylesheets/website.sass */
a:hover {
  color: #ECA43A;
}

/* line 28, app/assets/stylesheets/website.sass */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

/* line 31, app/assets/stylesheets/website.sass */
p {
  margin-top: 0;
}

/* line 34, app/assets/stylesheets/website.sass */
ul, ol {
  margin: 0;
  padding: 0;
}

/* line 39, app/assets/stylesheets/website.sass */
.contained {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

/* line 45, app/assets/stylesheets/website.sass */
.Website {
  color: #333;
}

/* line 1, app/assets/stylesheets/website/navigation.sass */
.WebsiteNavigation {
  color: white;
  display: flex;
  height: 50px;
  align-items: center;
}

/* line 7, app/assets/stylesheets/website/navigation.sass */
.WebsiteNavigation a {
  padding: 0 1em;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0;
  font-size: 85%;
  font-weight: 600;
  white-space: nowrap;
}

/* line 16, app/assets/stylesheets/website/navigation.sass */
.WebsiteNavigation a:hover {
  text-decoration: underline;
  color: white;
}

/* line 20, app/assets/stylesheets/website/navigation.sass */
.WebsiteNavigation a.logo {
  padding-right: 0;
}

/* line 23, app/assets/stylesheets/website/navigation.sass */
.WebsiteNavigation a.logo svg {
  display: block;
  width: 32px;
  height: 32px;
}

/* line 1, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter {
  font-size: 80%;
  color: white;
  padding: 3.25em 1em;
}

/* line 6, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .contained {
  text-align: center;
}

/* line 9, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .brand {
  margin: 0 auto 1rem;
}

/* line 12, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .app-store-buttons {
  margin-bottom: 2em;
}

/* line 15, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .app-store-buttons img {
  width: 150px;
  height: auto;
}

/* line 19, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .nav {
  margin-bottom: 2em;
}

/* line 22, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .nav .primary, .WebsiteFooter .nav .secondary {
  display: flex;
  justify-content: center;
}

/* line 27, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .nav .primary a {
  flex: 0 0 auto;
}

/* line 30, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .nav .secondary {
  margin-top: 1em;
  font-size: 90%;
  opacity: 0.9;
}

/* line 35, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .nav .secondary a {
  flex: 0 0 auto;
}

/* line 38, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .nav a {
  padding: 0 0.75em;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 80%;
}

/* line 44, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .nav a + a {
  border-left: 1px solid rgba(255, 255, 255, 0.5);
}

/* line 47, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .nav a:hover {
  color: inherit;
  text-decoration: underline;
}

/* line 51, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .socials {
  margin-bottom: 2em;
}

/* line 54, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .socials a + a {
  margin-left: 1em;
}

/* line 57, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .socials svg {
  fill: white;
}

/* line 60, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .made-in {
  margin-bottom: 1rem;
  font-size: 0.75em;
  opacity: 0.75;
}

/* line 65, app/assets/stylesheets/website/footer.sass */
.WebsiteFooter .copyright {
  font-size: 0.75em;
  opacity: 0.5;
}

/* line 1, app/assets/stylesheets/website/cookie_notice.sass */
.CookieNotice {
  background-color: #EDEDF2;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  font-size: 80%;
  padding: 0.75em;
}

/* line 12, app/assets/stylesheets/website/cookie_notice.sass */
body.has-dismissed-cookie-notice .CookieNotice {
  display: none;
}

/* line 15, app/assets/stylesheets/website/cookie_notice.sass */
.CookieNotice .text {
  flex-grow: 1;
}

/* line 18, app/assets/stylesheets/website/cookie_notice.sass */
.CookieNotice .spacer {
  flex-grow: 0;
  width: 0.5em;
  height: 0.5em;
}

/* line 23, app/assets/stylesheets/website/cookie_notice.sass */
.CookieNotice button {
  padding: 0.5em;
  border: none;
  cursor: pointer;
  background-color: #ECA43A;
  color: white;
}

@media (max-width: 540px) {
  /* line 1, app/assets/stylesheets/website/cookie_notice.sass */
  .CookieNotice {
    flex-direction: column;
    text-align: center;
  }
}

/* line 3, app/assets/stylesheets/website/home.sass */
.Website.Home h1 {
  font-weight: 700;
  font-style: normal;
  margin: 0;
}

/* line 8, app/assets/stylesheets/website/home.sass */
.Website.Home p {
  line-height: 1.5;
}

/* line 11, app/assets/stylesheets/website/home.sass */
.Website.Home ul {
  list-style: none;
}

/* line 14, app/assets/stylesheets/website/home.sass */
.Website.Home input, .Website.Home button {
  font-family: inherit;
}

/* line 17, app/assets/stylesheets/website/home.sass */
.Website.Home button, .Website.Home .button, .Website.Home input[type="submit"] {
  background-color: #ECA43A;
  border-color: #ECA43A;
  color: white;
  font-weight: 700;
  text-decoration: none;
  cursor: pointer;
}

/* line 25, app/assets/stylesheets/website/home.sass */
.Website.Home button:hover, .Website.Home button:focus, .Website.Home .button:hover, .Website.Home .button:focus, .Website.Home input[type="submit"]:hover, .Website.Home input[type="submit"]:focus {
  transform: scale(1.05);
  transition: transform 0.2s;
  color: white;
}

/* line 30, app/assets/stylesheets/website/home.sass */
.Website.Home button:active, .Website.Home .button:active, .Website.Home input[type="submit"]:active {
  background-color: white;
  border-color: #ECA43A;
  color: #ECA43A;
}

/* line 36, app/assets/stylesheets/website/home.sass */
.Website.Home section#teaser {
  padding: 3rem 1rem;
  background-color: #eee;
  background-image: linear-gradient(270deg, #233748 50%, rgba(35, 55, 72, 0) 100%), url(/assets/website/homepage/teaser-backsplash-a2ac8cd867f6b992bced48639b00dc339702a93dbf4bde397a1dab370c380c8f.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: white;
  text-align: center;
}

/* line 46, app/assets/stylesheets/website/home.sass */
.Website.Home section#teaser .brand {
  max-width: 100px;
  margin: 2rem auto 3rem;
}

/* line 50, app/assets/stylesheets/website/home.sass */
.Website.Home section#teaser h1 {
  color: #3DC795;
  max-width: 24ch;
  margin-bottom: 2rem;
  margin-left: auto;
  margin-right: auto;
}

/* line 57, app/assets/stylesheets/website/home.sass */
.Website.Home section#teaser p {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: justify;
}

/* line 63, app/assets/stylesheets/website/home.sass */
.Website.Home section#teaser .featured-badge {
  margin-top: 3em;
  margin-bottom: 4em;
  height: 140px;
  background-image: url(/assets/website/laurels-1bcb5587aff14c72054c647c90ba0250de43944ef1cb534482003e275eeac21b.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

/* line 76, app/assets/stylesheets/website/home.sass */
.Website.Home section#teaser .featured-badge:hover {
  color: inherit;
}

/* line 79, app/assets/stylesheets/website/home.sass */
.Website.Home section#teaser .featured-badge .text {
  max-width: 11ch;
  text-align: center;
  font-family: 'Georgia', serif;
  font-variant: small-caps;
  text-transform: capitalize;
  font-size: 110%;
}

/* line 87, app/assets/stylesheets/website/home.sass */
.Website.Home section#teaser .app-store-buttons {
  margin: 3em 0 2em;
}

/* line 90, app/assets/stylesheets/website/home.sass */
.Website.Home section#teaser .app-store-buttons img {
  width: 200px;
  height: auto;
}

/* line 95, app/assets/stylesheets/website/home.sass */
.Website.Home section#showcase {
  padding: 5em 1em;
  background-color: white;
  color: #222331;
}

@media (max-width: 450px) {
  /* line 95, app/assets/stylesheets/website/home.sass */
  .Website.Home section#showcase {
    padding: 3em 1em;
  }
}

/* line 103, app/assets/stylesheets/website/home.sass */
.Website.Home section#showcase .head {
  text-align: center;
  margin-bottom: 4em;
}

/* line 107, app/assets/stylesheets/website/home.sass */
.Website.Home section#showcase .head h1 {
  max-width: 24ch;
  margin: 0 auto 1rem;
}

/* line 111, app/assets/stylesheets/website/home.sass */
html[lang=de] .Website.Home section#showcase .head h1 {
  max-width: 26ch;
}

/* line 114, app/assets/stylesheets/website/home.sass */
.Website.Home section#showcase .head p {
  max-width: 55ch;
  margin-left: auto;
  margin-right: auto;
}

/* line 121, app/assets/stylesheets/website/home.sass */
.Website.Home section#showcase .features section {
  margin: 4rem 0;
  display: flex;
  align-items: center;
}

@media (max-width: 765px) {
  /* line 121, app/assets/stylesheets/website/home.sass */
  .Website.Home section#showcase .features section {
    flex-direction: column;
  }
  /* line 129, app/assets/stylesheets/website/home.sass */
  .Website.Home section#showcase .features section .image {
    margin-bottom: 2em;
  }
}

/* line 132, app/assets/stylesheets/website/home.sass */
.Website.Home section#showcase .features section > .image {
  flex-basis: 50%;
  text-align: center;
}

/* line 136, app/assets/stylesheets/website/home.sass */
.Website.Home section#showcase .features section > .image img {
  max-width: 220px;
  height: auto;
}

/* line 140, app/assets/stylesheets/website/home.sass */
.Website.Home section#showcase .features section > .text {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2em 1em;
  background-color: #FCF2E3;
  font-size: 90%;
}

/* line 150, app/assets/stylesheets/website/home.sass */
.Website.Home section#showcase .features section > .text h2 {
  margin-bottom: 0.25em;
}

/* line 153, app/assets/stylesheets/website/home.sass */
.Website.Home section#showcase .features section > .text h2:not(:first-child) {
  margin-top: 1em;
}

/* line 156, app/assets/stylesheets/website/home.sass */
.Website.Home section#showcase .features section > .text svg {
  margin-bottom: 0.5em;
  width: 30px;
  height: 30px;
}

/* line 161, app/assets/stylesheets/website/home.sass */
.Website.Home section#showcase .features section > .text p {
  line-height: 1.3;
}

@media (min-width: 765px) {
  /* line 165, app/assets/stylesheets/website/home.sass */
  .Website.Home section#showcase .features section:nth-child(2n) {
    flex-direction: row-reverse;
  }
}

/* line 168, app/assets/stylesheets/website/home.sass */
.Website.Home section#showcase .cta {
  text-align: center;
}

/* line 171, app/assets/stylesheets/website/home.sass */
.Website.Home section#showcase .cta h1 {
  margin-top: 3em;
  margin-bottom: 1em;
}

/* line 175, app/assets/stylesheets/website/home.sass */
.Website.Home section#showcase .cta img {
  width: 200px;
  height: auto;
}

/* line 180, app/assets/stylesheets/website/home.sass */
.Website.Home section#browser-extension-promo {
  padding: 5em 1em;
  background-color: #FCF2E3;
  text-align: center;
}

/* line 185, app/assets/stylesheets/website/home.sass */
.Website.Home section#browser-extension-promo .new-badge {
  margin-bottom: 2em;
}

/* line 188, app/assets/stylesheets/website/home.sass */
.Website.Home section#browser-extension-promo .new-badge span {
  background-color: #ECA43A;
  padding: 0.25em 0.5em;
  font-size: 100%;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
}

/* line 196, app/assets/stylesheets/website/home.sass */
.Website.Home section#browser-extension-promo .prompt {
  font-size: 150%;
}

/* line 199, app/assets/stylesheets/website/home.sass */
.Website.Home section#browser-extension-promo .cta {
  font-size: 120%;
  font-weight: 700;
  margin-top: 2em;
}

/* line 204, app/assets/stylesheets/website/home.sass */
.Website.Home section#browser-extension-promo svg {
  max-width: 300px;
}

/* line 208, app/assets/stylesheets/website/home.sass */
.Website.Home section#feedback {
  padding: 5em 1em;
  color: white;
  background-image: url(/assets/website/homepage/beta-backsplash-f42caec82f8f19bb8dcfea3c1414cfc769b3dfb43b8d5b84635adb0054f66e9a.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
}

/* line 216, app/assets/stylesheets/website/home.sass */
.Website.Home section#feedback .button {
  display: inline-block;
  padding: 0.75em;
  margin-top: 2em;
}

/* line 1, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs {
  color: #222331;
}

/* line 4, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs p {
  line-height: 1.5;
}

/* line 7, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs main {
  background-color: white;
  padding: 3em 1em;
}

/* line 11, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs main .contained {
  max-width: 800px;
}

/* line 14, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs .page-head {
  height: 300px;
  background-image: linear-gradient(0deg, #233748 1%, rgba(35, 55, 72, 0) 100%), url(/assets/website/about_us/backsplash-a8d6f81341d46441c913e772d0aab796af2689ce820dce5dfd5dc697311c32a8.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 21, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs .page-head .contained {
  max-width: 800px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

/* line 29, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs .page-head svg {
  width: 100px;
  height: 100px;
  margin-bottom: 1.5em;
}

/* line 34, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs .page-head h1 {
  color: #3DC795;
  text-align: center;
  padding-bottom: 1em;
}

/* line 39, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs .team {
  margin-top: 3em;
}

/* line 42, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs .team .member {
  padding: 1.5em;
  background-color: #EDEDF2;
  display: flex;
}

@media (max-width: 750px) {
  /* line 42, app/assets/stylesheets/website/about_us.sass */
  .Website.AboutUs .team .member {
    flex-direction: column;
  }
}

/* line 50, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs .team .member + .member {
  margin-top: 1.5em;
}

/* line 53, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs .team .member .left-part {
  flex: 0 0 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 59, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs .team .member .right-part {
  flex: 1 1 auto;
}

/* line 62, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs .team .member .photo {
  background-color: gray;
  border-radius: 100%;
  height: 120px;
  width: 120px;
  border: 3px solid white;
}

/* line 69, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs .team .member .photo img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 100%;
}

/* line 75, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs .team .member .name {
  margin-top: 0.75em;
  text-align: center;
  font-weight: 700;
  letter-spacing: initial;
}

/* line 81, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs .team .member .role {
  margin-top: 0.25em;
  text-align: center;
  font-size: 80%;
  letter-spacing: initial;
  opacity: 0.75;
}

/* line 88, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs .team .member .blurb {
  margin-left: 1.5em;
}

@media (max-width: 750px) {
  /* line 88, app/assets/stylesheets/website/about_us.sass */
  .Website.AboutUs .team .member .blurb {
    margin-left: 0;
    margin-top: 1em;
    text-align: justify;
  }
}

/* line 96, app/assets/stylesheets/website/about_us.sass */
.Website.AboutUs .team .member .blurb p {
  font-size: 85%;
  font-style: italic;
  letter-spacing: initial;
}

/* line 1, app/assets/stylesheets/website/faq.sass */
.Website.Faq {
  color: #222331;
}

/* line 4, app/assets/stylesheets/website/faq.sass */
.Website.Faq main {
  background-color: white;
  padding: 3em 1em;
}

/* line 8, app/assets/stylesheets/website/faq.sass */
.Website.Faq main .contained {
  max-width: 800px;
}

/* line 11, app/assets/stylesheets/website/faq.sass */
.Website.Faq h1 {
  margin-bottom: 1em;
}

/* line 14, app/assets/stylesheets/website/faq.sass */
.Website.Faq p {
  line-height: 1.5;
}

/* line 17, app/assets/stylesheets/website/faq.sass */
.Website.Faq hr {
  margin: 3em 0;
}

/* line 20, app/assets/stylesheets/website/faq.sass */
.Website.Faq hr + hr {
  display: none;
}

/* line 23, app/assets/stylesheets/website/faq.sass */
.Website.Faq .page-head {
  height: 300px;
  background-image: linear-gradient(0deg, #233748 1%, rgba(35, 55, 72, 0) 100%), url(/assets/website/faq/backsplash-7f3e390ce4fc859dc723e4b37c6366583ca36558d2996b481786c8aa90cd6285.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* line 30, app/assets/stylesheets/website/faq.sass */
.Website.Faq .page-head .contained {
  max-width: 800px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

/* line 38, app/assets/stylesheets/website/faq.sass */
.Website.Faq .page-head svg {
  width: 100px;
  height: 100px;
  margin-bottom: 1.5em;
}

/* line 43, app/assets/stylesheets/website/faq.sass */
.Website.Faq .page-head h1 {
  color: #3DC795;
  text-align: center;
  padding-bottom: 1em;
  margin-bottom: 0;
}

/* line 49, app/assets/stylesheets/website/faq.sass */
.Website.Faq .empty-questions {
  margin: 3em 0;
  text-align: center;
}

/* line 55, app/assets/stylesheets/website/faq.sass */
.Website.Faq .QuestionIndex a {
  display: block;
  margin-bottom: 0.5em;
}

/* line 59, app/assets/stylesheets/website/faq.sass */
.Website.Faq .QuestionIndex .categorized {
  margin-top: 2em;
  display: flex;
  flex-wrap: wrap;
}

/* line 64, app/assets/stylesheets/website/faq.sass */
.Website.Faq .QuestionIndex .categorized .category {
  flex: 1 1 50%;
  min-width: 300px;
  padding: 1em 0;
}

/* line 69, app/assets/stylesheets/website/faq.sass */
.Website.Faq .QuestionIndex .categorized .category .name {
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.5em;
}

/* line 76, app/assets/stylesheets/website/faq.sass */
.Website.Faq .Questions h2 {
  font-variant: small-caps;
  font-size: 200%;
  margin-top: 1em;
}

/* line 81, app/assets/stylesheets/website/faq.sass */
.Website.Faq .Questions h3 {
  margin-bottom: 1em;
}

/* line 84, app/assets/stylesheets/website/faq.sass */
.Website.Faq .Questions .question {
  margin-top: 3em;
}

/* line 87, app/assets/stylesheets/website/faq.sass */
.Website.Faq .Questions .question .answer {
  position: relative;
  top: -0.5em;
}

/* line 91, app/assets/stylesheets/website/faq.sass */
.Website.Faq .Questions .question .answer iframe {
  display: block;
  margin: 1.5em auto;
}

/* line 3, app/assets/stylesheets/website/others.sass */
.Website.Terms main, .Website.Privacy main {
  background-color: white;
  padding: 3em 1em;
}

/* line 7, app/assets/stylesheets/website/others.sass */
.Website.Terms main .contained, .Website.Privacy main .contained {
  max-width: 70ch;
}

/* line 10, app/assets/stylesheets/website/others.sass */
.Website.Terms p, .Website.Privacy p {
  line-height: 1.5;
}

/* line 13, app/assets/stylesheets/website/others.sass */
.Website.Terms hr, .Website.Privacy hr {
  margin: 2em 0;
}

/* line 16, app/assets/stylesheets/website/others.sass */
.Website.Terms h1, .Website.Terms h2, .Website.Terms h3, .Website.Privacy h1, .Website.Privacy h2, .Website.Privacy h3 {
  margin-bottom: 1em;
}

/* line 19, app/assets/stylesheets/website/others.sass */
.Website.Terms blockquote, .Website.Privacy blockquote {
  background-color: #eee;
  padding: 1em 2em;
}

/* line 23, app/assets/stylesheets/website/others.sass */
.Website.Terms blockquote p:last-child, .Website.Privacy blockquote p:last-child {
  margin-bottom: 0;
}

/* line 26, app/assets/stylesheets/website/others.sass */
.Website.Terms ul, .Website.Terms ol, .Website.Privacy ul, .Website.Privacy ol {
  margin-left: 2em;
  margin-bottom: 1em;
  line-height: 1.5;
}

/* line 3, app/assets/stylesheets/website/error.sass */
.Website.Error main, .Website.ErrorNotFound main {
  background-color: white;
  padding: 8em 1em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* line 11, app/assets/stylesheets/website/error.sass */
.Website.Error .Message, .Website.ErrorNotFound .Message {
  text-align: center;
}

/* line 14, app/assets/stylesheets/website/error.sass */
.Website.Error .Message h1, .Website.ErrorNotFound .Message h1 {
  font-size: 300%;
  color: #aaa;
  font-weight: 100;
  letter-spacing: 3px;
  margin-bottom: 1em;
}

/* line 21, app/assets/stylesheets/website/error.sass */
.Website.Error .Message p, .Website.ErrorNotFound .Message p {
  color: #777;
}