@font-face {
  font-family: 'AurasSans';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/FunnelSans-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'AurasSans';
  font-weight: bold;
  font-style: normal;
  src: url('fonts/FunnelSans-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'AurasSans';
  font-weight: normal;
  font-style: italic;
  src: url('fonts/FunnelSans-LightItalic.ttf') format('truetype');
}
@font-face {
  font-family: 'AurasSans';
  font-weight: bold;
  font-style: italic;
  src: url('fonts/FunnelSans-BoldItalic.ttf') format('truetype');
}
html {
  font-size: 1em;
  scroll-padding-top: 0 !important;
  margin-top: 0 !important;
}
body {
  margin: 0;
  padding: 0;
  cursor: default;
  font-family: 'AurasSans', sans-serif;
  font-weight: 300;
}
b {
  font-weight: bold;
}
/* Global layout */
header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, #ffffff 54%, rgba(255, 255, 255, 0.75) 86%, rgba(255, 255, 255, 0) 100%);
  z-index: 25;
}
header div.flex-container {
  display: flex;
  align-items: center;
  margin: 0 auto;
  max-width: 1200px;
  padding: 0 1em;
}
header div.flex-container div.logo-container {
  flex: 0 0 10em;
  transition: all 0.3s;
  transition-timing-function: ease-out;
}
header div.flex-container div.logo-container img {
  width: 100%;
  height: auto;
}
header div.flex-container div.slogan-container {
  flex: 0 0 10em;
  margin-left: 2em;
  transition: all 0.3s;
  transition-timing-function: ease-out;
}
header div.flex-container div.slogan-container img {
  width: 100%;
  height: auto;
}
header div.flex-container div.spacer {
  flex: 1 0;
}
header div.flex-container div.main-menu-container {
  flex: 0 0 auto;
  text-align: right;
}
header div.flex-container div.main-menu-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
header div.flex-container div.main-menu-container ul li {
  display: inline-block;
  margin-right: 1em;
}
header div.flex-container div.main-menu-container ul li a {
  color: #ffbe01;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s;
}
header div.flex-container div.main-menu-container ul li a:hover {
  color: #5b5b5b;
}
header div.flex-container div.app-badges-container {
  flex: 1 0;
  text-align: right;
}
header div.flex-container div.burger-container {
  display: none;
  transition: all 0.3s;
  transition-timing-function: ease-out;
}
@media only screen and (max-width: 980px) {
  header div.flex-container {
    justify-content: space-between;
  }
  header div.flex-container div.logo-container {
    flex: 0 0 15%;
  }
  header div.flex-container div.slogan-container {
    flex: 0 0 15%;
  }
  header div.flex-container div.main-menu-container {
    display: none;
  }
  header div.flex-container div.app-badges-container {
    display: none;
  }
  header div.flex-container div.burger-container {
    display: block;
    flex: 0 0 10%;
    text-align: right;
    transform: translateX(0);
  }
  header div.flex-container div.burger-container img {
    width: 3em;
  }
  header div.flex-container div.burger-container.activated {
    flex: 0 0 30%;
    transform: translateX(-1em);
  }
}
@media only screen and (max-width: 600px) {
  header div.flex-container {
    justify-content: space-between;
  }
  header div.flex-container div.logo-container {
    flex: 0 0 30%;
  }
  header div.flex-container div.slogan-container {
    flex: 0 0 30%;
  }
  header div.flex-container div.spacer {
    display: none;
  }
  header div.flex-container div.main-menu-container {
    display: none;
  }
  header div.flex-container div.app-badges-container {
    display: none;
  }
  header div.flex-container div.burger-container {
    display: block;
    flex: 0 0 20%;
    text-align: right;
    transform: translateX(0);
  }
  header div.flex-container div.burger-container img {
    width: 3em;
  }
  header div.flex-container div.burger-container.activated {
    flex: 0 0 30%;
    transform: translateX(-1em);
  }
}
footer.site-footer div.footer-flex-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
footer.site-footer div.footer-flex-container div.logo-container {
  flex: 0 0 9em;
}
footer.site-footer div.footer-flex-container div.logo-container img {
  width: 100%;
  height: auto;
  filter: saturate(0);
  opacity: 0.5;
  transition: all 0.3s;
  transition-timing-function: ease-out;
}
footer.site-footer div.footer-flex-container div.logo-container img:hover {
  filter: saturate(1);
  opacity: 1;
}
footer.site-footer div.footer-flex-container div.spiritual-badge-container {
  flex: 0 0 4em;
}
footer.site-footer div.footer-flex-container div.spiritual-badge-container img {
  width: 100%;
  height: auto;
  opacity: 0.5;
  transition: opacity 0.3s;
}
footer.site-footer div.footer-flex-container div.spiritual-badge-container img:hover {
  opacity: 1;
}
footer.site-footer div.footer-flex-container nav.footer-menu {
  flex: 0 0 auto;
}
footer.site-footer div.footer-flex-container nav.footer-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer.site-footer div.footer-flex-container nav.footer-menu ul li {
  display: inline-block;
  margin-right: 1em;
}
footer.site-footer div.footer-flex-container nav.footer-menu ul li:not(:last-child)::after {
  content: "•";
  margin-left: 1.5em;
  color: #ffbe01;
}
footer.site-footer div.footer-flex-container nav.footer-menu ul li a {
  color: #5b5b5b;
  text-decoration: none;
  transition: all 0.3s;
}
footer.site-footer div.footer-flex-container nav.footer-menu ul li a:hover {
  color: #ffbe01;
}
footer.site-footer nav.language-selection {
  max-width: 1200px;
  margin: 1em auto;
  padding: 1em 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
}
footer.site-footer nav.language-selection ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer.site-footer nav.language-selection ul li {
  display: inline-block;
  margin-right: 1em;
}
footer.site-footer nav.language-selection ul li a {
  color: #b4b4b4;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s;
}
footer.site-footer nav.language-selection ul li a:hover {
  color: #5b5b5b;
}
@media only screen and (max-width: 600px) {
  footer.site-footer {
    margin-bottom: 5em;
  }
  footer.site-footer div.footer-flex-container {
    display: block;
  }
  footer.site-footer div.footer-flex-container div.logo-container {
    text-align: center;
  }
  footer.site-footer div.footer-flex-container div.logo-container img {
    width: 90%;
    max-width: 150px;
    height: auto;
  }
  footer.site-footer div.footer-flex-container div.spiritual-badge-container {
    text-align: center;
  }
  footer.site-footer div.footer-flex-container div.spiritual-badge-container img {
    width: 90%;
  }
  footer.site-footer div.footer-flex-container nav.footer-menu {
    margin-top: 3em;
    text-align: center;
  }
  footer.site-footer div.footer-flex-container nav.footer-menu ul li {
    display: block;
    margin-bottom: 1em;
    font-size: 1em;
  }
  footer.site-footer div.footer-flex-container nav.footer-menu ul li:not(:last-child)::after {
    content: none;
  }
  footer.site-footer div.footer-flex-container nav.footer-menu ul li a {
    font-size: 0.9em;
    color: #5b5b5b;
    text-decoration: none;
    text-transform: uppercase;
  }
  footer.site-footer nav.language-selection ul li {
    display: block;
    margin-bottom: 1em;
  }
}
#mobileSiteMenu {
  position: fixed;
  top: 0;
  right: -90vw;
  width: 90vw;
  max-width: 350px;
  height: 100vh;
  background: linear-gradient(270deg, #ffffff 66%, rgba(255, 255, 255, 0.49) 88%, rgba(255, 255, 255, 0) 100%);
  z-index: 20;
  transition: all 0.5s;
}
#mobileSiteMenu div.container {
  padding: 2em;
  margin-top: 3em;
  text-align: right;
}
#mobileSiteMenu div.container ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#mobileSiteMenu div.container ul li {
  padding: 1.5em 0;
  margin: 0;
}
#mobileSiteMenu div.container ul li a {
  font-size: 1.1em;
  color: #5b5b5b;
  text-decoration: none;
  text-transform: uppercase;
}
#mobileSiteMenu.visible {
  right: 0;
}
div.sticky-bottom-cta-bar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-top: 1em;
  background: linear-gradient(0deg, #ffffff 54%, rgba(255, 255, 255, 0.49) 92%, rgba(255, 255, 255, 0) 100%);
  color: #5b5b5b;
  z-index: 30;
  text-align: center;
  transition: bottom 1s;
}
div.sticky-bottom-cta-bar div.app-badges-container {
  padding: 2em;
}
div.sticky-bottom-cta-bar p {
  margin: 0.25em 0;
}
div.sticky-bottom-cta-bar p.coming-soon {
  font-weight: bold;
}
div.sticky-bottom-cta-bar.hidden {
  bottom: -6em;
}
@keyframes showModalBlocker {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
div.modal-blocker {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px) saturate(0.25);
  z-index: 100;
  display: none;
}
div.modal-blocker.visible {
  opacity: 0;
  display: block;
  animation: showModalBlocker 0.3s ease-in-out;
  animation-fill-mode: forwards;
}
@keyframes showDialogue {
  from {
    opacity: 0;
    transform: translate(-50%, -60%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}
div.dialogue-window {
  position: fixed;
  top: 50%;
  left: 50%;
  width: calc(90vw - 4em);
  max-width: 500px;
  height: auto;
  background-color: white;
  border: 1px solid #ffbe01;
  border-radius: 2em;
  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.1);
  z-index: 101;
  transform: translate(-50%, -50%);
  padding: 2em;
  text-align: center;
  display: none;
  opacity: 0;
  animation: showDialogue 0.3s ease-in-out;
  animation-fill-mode: forwards;
}
div.dialogue-window div.dialogue-icon {
  width: 50px;
  height: 50px;
  margin: 0 auto 1em;
}
div.dialogue-window div.dialogue-icon img {
  width: 100%;
  height: auto;
}
div.dialogue-window div.dialogue-text {
  font-size: 1.2em;
  color: #5b5b5b;
  margin-bottom: 1.5em;
}
div.dialogue-window div.dialogue-button-container button.dialogue-button {
  background-color: #ffbe01;
  color: white;
  padding: 1em 2em;
  border: none;
  border-radius: 0.5em;
  font-size: 1em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}
div.dialogue-window div.dialogue-button-container button.dialogue-button:hover {
  background-color: #e7ac00;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
div.dialogue-window.visible {
  display: block;
}
/* Homepage blocks */
div.homepage-content {
  position: relative;
  margin-top: 5.5em;
  overflow-x: hidden;
}
div.homepage-content div.block {
  position: relative;
  margin: 3em auto;
}
div.homepage-content div.block div.container {
  margin: 0 auto;
  padding: 2.5em;
  max-width: 1200px;
}
div.homepage-content div.block div.container h2 {
  font-size: 2em;
}
div.homepage-content div.block div.container h2 strong {
  color: #ffbe01;
  text-transform: uppercase;
}
div.homepage-content div.block div.container div.equal-columns {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  justify-content: space-between;
}
div.homepage-content div.block div.container div.equal-columns div.column {
  flex: 1 0;
  margin-right: 1em;
  margin-bottom: 1em;
  text-align: center;
}
div.homepage-content div.block div.container div.equal-columns div.column:last-child {
  margin-right: 0;
}
div.homepage-content div.block div.container div.equal-columns div.column img {
  width: 80%;
  max-width: 300px;
  height: auto;
  margin: 1em auto;
}
div.homepage-content div.block div.container div.equal-columns div.column h4 {
  margin: 0;
  font-size: 1.1em;
  font-weight: bold;
}
div.homepage-content div.block div.container div.equal-columns div.column h4.h4-first-line {
  color: #ffbe01;
  text-transform: uppercase;
}
div.homepage-content div.block div.container ul.decorated-pointer {
  list-style: none;
  padding: 0;
  margin: 0;
}
div.homepage-content div.block div.container ul.decorated-pointer li {
  position: relative;
  padding-left: 3em;
  margin: 2em 0;
}
div.homepage-content div.block div.container ul.decorated-pointer li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2.5em;
  height: 1.5em;
  background: url('images/ui/pointer.png') center center / contain no-repeat;
}
div.homepage-content div.block div.container div.events-tags-cloud {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 2em;
}
div.homepage-content div.block div.container div.events-tags-cloud div {
  flex: 0 0 30%;
  margin: 0.5em;
  text-wrap: wrap;
  text-align: center;
  color: #ffbe01;
  text-transform: uppercase;
  font-weight: bold;
}
div.homepage-content div.block div.container div.events-tags-cloud div:nth-child(1) {
  font-size: 0.7em;
}
div.homepage-content div.block div.container div.events-tags-cloud div:nth-child(2) {
  font-size: 1.2em;
}
div.homepage-content div.block div.container div.events-tags-cloud div:nth-child(3) {
  font-size: 0.5em;
}
div.homepage-content div.block div.container div.events-tags-cloud div:nth-child(4) {
  font-size: 1.4em;
}
div.homepage-content div.block div.container div.events-tags-cloud div:nth-child(5) {
  font-size: 0.7em;
}
div.homepage-content div.block div.container div.events-tags-cloud div:nth-child(6) {
  font-size: 0.85em;
}
div.homepage-content div.block div.container div.events-tags-cloud div:nth-child(7) {
  font-size: 0.3em;
}
div.homepage-content div.block div.container div.events-tags-cloud div:nth-child(8) {
  font-size: 0.7em;
}
div.homepage-content div.block div.container div.events-tags-cloud div:nth-child(9) {
  font-size: 1.1em;
}
div.homepage-content div.block div.container div.events-tags-cloud div:nth-child(10) {
  font-size: 0.6em;
}
div.homepage-content div.block div.container div.events-tags-cloud div:nth-child(11) {
  font-size: 1em;
}
div.homepage-content div.block div.container div.events-tags-cloud div:nth-child(12) {
  font-size: 0.7em;
}
div.homepage-content div.block div.container p.highlighted {
  color: #ffbe01;
  font-weight: bold;
  font-size: 1.1em;
}
div.homepage-content div.block div.container p.data-protection {
  font-size: 0.8em;
}
div.homepage-content div.block.hero {
  margin-top: 0;
  max-width: revert;
  display: flex;
  align-items: center;
  justify-content: center;
}
div.homepage-content div.block.hero div.hero-text-container {
  width: 30vw;
  margin-top: 8em;
  margin-bottom: 8em;
  text-align: center;
  text-shadow: 0px 0px 2px white, 0px 0px 2px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 16px white, 0px 0px 16px white, 0px 0px 16px white, 0px 0px 16px white, 0px 0px 16px white, 0px 0px 20px white, 0px 0px 20px white;
}
div.homepage-content div.block.hero div.hero-text-container h1 {
  font-size: 1.5em;
}
div.homepage-content div.block.hero div.hero-text-container h1 .xed-out {
  position: relative;
  display: inline-block;
}
div.homepage-content div.block.hero div.hero-text-container h1 .xed-out::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('images/ui/x-cross.png') center center / contain no-repeat;
  pointer-events: none;
}
div.homepage-content div.block.hero div.hero-text-container .cta-container {
  margin-top: 2em;
}
div.homepage-content div.block.hero div.hero-illustration-container img {
  height: 600px;
  width: auto;
}
@media only screen and (max-width: 600px) {
  div.homepage-content div.block.hero {
    flex-wrap: wrap;
  }
  div.homepage-content div.block.hero div.hero-text-container {
    flex: 0 0 60vw;
  }
  div.homepage-content div.block.hero div.hero-illustration-container {
    flex: 0 0 50vw;
  }
  div.homepage-content div.block.hero div.hero-illustration-container img {
    width: 80vw;
    max-width: 400px;
    height: auto;
  }
}
div.homepage-content div.block.illustration-less-content-more-connection div.container {
  text-align: center;
}
div.homepage-content div.block.illustration-less-content-more-connection div.container img {
  width: 100%;
  max-width: 600px;
  height: auto;
}
div.homepage-content div.block.interacts-with-smartphone div.container {
  width: 50%;
  margin: 0;
}
div.homepage-content div.block.breaking-illustration div.container {
  text-align: center;
}
div.homepage-content div.block.breaking-illustration div.container img {
  width: 250px;
  height: auto;
}
div.homepage-content div.block.has-illustration-on-right-side div.container {
  display: flex;
  align-items: flex-start;
}
div.homepage-content div.block.has-illustration-on-right-side div.container div.text-container {
  flex: 0 0 50%;
}
div.homepage-content div.block.has-illustration-on-right-side div.container div.illustration-container {
  flex: 0 0 calc(50% - 2em);
  margin-left: 2em;
  text-align: right;
}
div.homepage-content div.block.has-illustration-on-right-side div.container div.illustration-container img {
  width: 100%;
  max-width: 400px;
  height: auto;
}
div.homepage-content div.block.has-illustration-on-left-side div.container {
  display: flex;
  align-items: flex-start;
}
div.homepage-content div.block.has-illustration-on-left-side div.container div.text-container {
  flex: 0 0 65%;
  text-align: right;
}
div.homepage-content div.block.has-illustration-on-left-side div.container div.illustration-container {
  flex: 0 0 calc(35% - 2em);
  margin-right: 2em;
  text-align: left;
}
div.homepage-content div.block.has-illustration-on-left-side div.container div.illustration-container img {
  width: 100%;
  max-width: 250px;
  height: auto;
}
div.homepage-content div.block.newsletter {
  margin-bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffbe01 20%);
  color: white;
}
div.homepage-content div.block.newsletter div.input-container input {
  width: 100%;
  max-width: 300px;
  padding: 1em 2em;
  border: none;
  border-radius: 0.5em;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  font-size: 1em;
  color: #5b5b5b;
  font-family: 'AurasSans', sans-serif;
}
div.homepage-content div.block.newsletter div.input-container input:focus {
  outline: none;
}
div.homepage-content div.block.newsletter div.input-container input::placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
}
div.homepage-content div.block.newsletter div.input-container:not(:first-child) {
  margin-top: 0.5em;
}
div.homepage-content div.block.newsletter div.input-container.main input {
  font-weight: bold;
}
div.homepage-content div.block.newsletter div.submit-button-container {
  margin-top: 1em;
}
div.homepage-content div.block.newsletter div.submit-button-container button {
  background-color: #5b5b5b;
  color: white;
  padding: 1em 2em;
  border: none;
  border-radius: 0.5em;
  font-size: 1em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}
div.homepage-content div.block.newsletter div.submit-button-container button:hover {
  background-color: #4e4e4e;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}
div.homepage-content div.block.auras-seed div.container {
  text-align: center;
}
div.homepage-content div.block.auras-seed div.container p.next {
  font-style: italic;
  color: #ffbe01;
}
div.homepage-content div.block.auras-seed div.container div.animated-seed-container {
  position: relative;
  margin: 0 auto;
  width: 200px;
  height: 200px;
}
div.homepage-content div.block.auras-seed div.container div.animated-seed-container div.layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.homepage-content div.block.auras-seed div.container div.animated-seed-container div.layer > img {
  width: 100%;
  height: 100%;
}
div.homepage-content div.block.auras-seed div.container div.animated-seed-container div.layer.soil {
  opacity: 0.5;
}
div.homepage-content div.block.auras-seed div.container div.animated-seed-container div.layer.aura {
  filter: blur(15px);
  animation-name: seedAnimationAura;
  animation-duration: 9s;
  animation-iteration-count: infinite;
}
div.homepage-content div.block.auras-seed div.container div.animated-seed-container div.layer.seed.light {
  opacity: 0.5;
  filter: blur(5px);
  animation-name: seedAnimationSeedLight;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
div.homepage-content div.block.auras-seed div.container div.animated-seed-container div.layer.seed.main {
  animation-name: seedAnimationSeed;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
div.homepage-content div.block.faq-block {
  margin-top: 0;
  background-color: rgba(0, 0, 0, 0.1);
}
div.homepage-content div.block.faq-block div.faq-entries {
  display: flex;
  overflow-x: auto;
  align-items: flex-start;
  -webkit-overflow-scrolling: touch;
  gap: 1em;
  margin: 0 -2.5em;
  padding: 0em 2.5em;
}
div.homepage-content div.block.faq-block div.faq-entries div.faq-entry {
  flex: 0 0 200px;
  background-color: white;
  border-radius: 1em;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 1.5em;
  margin: 1em 0;
  transition: all 0.3s;
  cursor: pointer;
}
div.homepage-content div.block.faq-block div.faq-entries div.faq-entry h4.question {
  margin: 0;
  font-weight: bold;
  color: #ffbe01;
}
div.homepage-content div.block.faq-block div.faq-entries div.faq-entry div.answer {
  display: none;
  margin-top: 1em;
  font-size: 1em;
}
div.homepage-content div.block.faq-block div.faq-entries div.faq-entry:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
div.homepage-content div.block.creators {
  margin-top: 0;
  background-color: #5b5b5b;
  color: white;
}
div.homepage-content div.block.creators div.creators-portraits div.portrait {
  display: inline-block;
  vertical-align: top;
  margin: 1em;
  max-width: 250px;
  text-align: center;
}
div.homepage-content div.block.creators div.creators-portraits div.portrait img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
}
div.homepage-content div.block.creators div.creators-portraits div.portrait p.name {
  color: #ffbe01;
  text-transform: uppercase;
  font-weight: bold;
}
div.homepage-content div.block.creators div.creators-portraits div.portrait div.empty-portrait {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.2);
}
div.homepage-content div.block.popup {
  text-align: center;
}
div.homepage-content div.block.popup div.container div.icon-container img {
  height: 5em;
  width: auto;
}
div.homepage-content div.block.popup div.container div.icon-container.big img {
  height: 10em;
  width: auto;
}
div.homepage-content div.block.centered {
  text-align: center;
}
div.homepage-content div.block.tell-friends {
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 190, 1, 0.32) 41%, rgba(255, 190, 1, 0.53) 60%, rgba(255, 255, 255, 0) 100%);
}
div.homepage-content div.block.tell-friends p.link-container {
  font-weight: bold;
  opacity: 0.5;
}
@media only screen and (max-width: 600px) {
  div.homepage-content div.block div.container {
    padding: 1.5em;
  }
  div.homepage-content div.block div.container h2 {
    font-size: 1.5em;
  }
  div.homepage-content div.block div.container ul.decorated-pointer li {
    position: relative;
    padding-left: 1.5em;
    margin: 2em 0;
  }
  div.homepage-content div.block div.container ul.decorated-pointer li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.5em;
    height: 1em;
    background: url('images/ui/pointer.png') center center / contain no-repeat;
  }
  div.homepage-content div.block div.container div.equal-columns {
    flex-direction: column;
    align-items: center;
  }
  div.homepage-content div.block div.container div.equal-columns div.column {
    margin-right: 0;
    margin-bottom: 1em;
    width: 100%;
  }
  div.homepage-content div.block div.container div.equal-columns div.column img {
    width: 100%;
    max-width: 150px;
    height: auto;
  }
  div.homepage-content div.block.hero div.hero-text-container {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  div.homepage-content div.block.interacts-with-smartphone div.container {
    width: 45%;
  }
  div.homepage-content div.block.breaking-illustration div.container img {
    width: 150px;
    height: auto;
  }
  div.homepage-content div.block.has-illustration-on-right-side div.container {
    flex-direction: column;
    align-items: center;
  }
  div.homepage-content div.block.has-illustration-on-right-side div.container div.text-container {
    width: 100%;
    order: 2;
    text-align: center;
  }
  div.homepage-content div.block.has-illustration-on-right-side div.container div.illustration-container {
    width: 100%;
    margin-left: 0;
    text-align: center;
    order: 1;
  }
  div.homepage-content div.block.has-illustration-on-right-side div.container div.illustration-container img {
    width: 100%;
    max-width: 200px;
    height: auto;
  }
  div.homepage-content div.block.has-illustration-on-left-side div.container {
    flex-direction: column;
    align-items: center;
  }
  div.homepage-content div.block.has-illustration-on-left-side div.container div.text-container {
    width: 100%;
    order: 2;
    text-align: center;
  }
  div.homepage-content div.block.has-illustration-on-left-side div.container div.illustration-container {
    width: 100%;
    margin-right: 0;
    text-align: center;
    order: 1;
  }
  div.homepage-content div.block.has-illustration-on-left-side div.container div.illustration-container img {
    width: 100%;
    max-width: 200px;
    height: auto;
  }
  div.homepage-content div.block.creators div.creators-portraits div.portrait {
    display: block;
    margin: 2.5em auto;
  }
}
div.homepage-content div.smartphone {
  width: 30vw;
  height: 60vw;
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
}
div.homepage-content div.smartphone #phoneFrame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.homepage-content div.smartphone .screenshot {
  position: absolute;
  top: 4vw;
  left: 3.75vw;
  width: 22.2vw;
  height: 49vw;
  opacity: 0;
  animation-name: heroBlockAppearing;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
}
div.homepage-content div.smartphone .screenshot:not(:first-child) {
  display: none;
}
div.homepage-content div.smartphone .screenshot.vanishing {
  animation-name: heroBlockVanishing;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0s;
}
div.homepage-content div.smartphone.fixed {
  position: fixed !important;
}
div.homepage-content div.smartphone.absolute-bottom {
  position: absolute !important;
  top: auto !important;
  bottom: 0;
}
div.homepage-content div.smartphone.visible {
  opacity: 1;
}
@media only screen and (max-width: 600px) {
  div.homepage-content div.smartphone {
    width: 60vw;
    height: 120vw;
    right: -10vw;
    transform: translateY(150px);
  }
  div.homepage-content div.smartphone .screenshot {
    top: 7vw;
    left: 7vw;
    width: 44vw;
    height: 100vw;
  }
}
@keyframes circleShowAnimation {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes circleConnectingLineAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes heroBlockVanishing {
  0% {
    opacity: 1;
    filter: blur(0);
  }
  100% {
    opacity: 0;
    filter: blur(20px);
  }
}
@keyframes heroBlockAppearing {
  0% {
    opacity: 0;
    filter: blur(20);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
  }
}
#heroBlockCirclesContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
  overflow-x: hidden;
}
#heroBlockCirclesContainer div.circle {
  position: absolute;
  border-radius: 50%;
  z-index: 2;
  box-shadow: 5px 5px 40px 5px rgba(0, 0, 0, 0.1);
}
#heroBlockCirclesContainer div.circle.text {
  background: #fff2ca;
  color: #ffbe01;
  font-weight: bold;
  font-size: 0.9em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px;
}
#heroBlockCirclesContainer div.circle.image {
  border: 1px solid #ffbe01;
  background-size: cover;
  background-position: center;
}
#heroBlockCirclesContainer div.circle:nth-child(1) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.1s;
}
#heroBlockCirclesContainer div.circle:nth-child(2) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.2s;
}
#heroBlockCirclesContainer div.circle:nth-child(3) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.3s;
}
#heroBlockCirclesContainer div.circle:nth-child(4) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.4s;
}
#heroBlockCirclesContainer div.circle:nth-child(5) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
}
#heroBlockCirclesContainer div.circle:nth-child(6) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.6s;
}
#heroBlockCirclesContainer div.circle:nth-child(7) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.7s;
}
#heroBlockCirclesContainer div.circle:nth-child(8) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.8s;
}
#heroBlockCirclesContainer div.circle:nth-child(9) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 0.9s;
}
#heroBlockCirclesContainer div.circle:nth-child(10) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1s;
}
#heroBlockCirclesContainer div.circle:nth-child(11) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.1s;
}
#heroBlockCirclesContainer div.circle:nth-child(12) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.2s;
}
#heroBlockCirclesContainer div.circle:nth-child(13) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.3s;
}
#heroBlockCirclesContainer div.circle:nth-child(14) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.4s;
}
#heroBlockCirclesContainer div.circle:nth-child(15) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.5s;
}
#heroBlockCirclesContainer div.circle:nth-child(16) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.6s;
}
#heroBlockCirclesContainer div.circle:nth-child(17) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.7s;
}
#heroBlockCirclesContainer div.circle:nth-child(18) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.8s;
}
#heroBlockCirclesContainer div.circle:nth-child(19) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 1.9s;
}
#heroBlockCirclesContainer div.circle:nth-child(20) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
}
#heroBlockCirclesContainer div.circle:nth-child(21) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2.1s;
}
#heroBlockCirclesContainer div.circle:nth-child(22) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2.2s;
}
#heroBlockCirclesContainer div.circle:nth-child(23) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2.3s;
}
#heroBlockCirclesContainer div.circle:nth-child(24) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2.4s;
}
#heroBlockCirclesContainer div.circle:nth-child(25) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2.5s;
}
#heroBlockCirclesContainer div.circle:nth-child(26) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2.6s;
}
#heroBlockCirclesContainer div.circle:nth-child(27) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2.7s;
}
#heroBlockCirclesContainer div.circle:nth-child(28) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2.8s;
}
#heroBlockCirclesContainer div.circle:nth-child(29) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 2.9s;
}
#heroBlockCirclesContainer div.circle:nth-child(30) {
  opacity: 0;
  animation-name: circleShowAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 3s;
}
#heroBlockCirclesContainer .hero-lines {
  pointer-events: none;
  opacity: 0;
  animation-name: circleConnectingLineAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  animation-delay: 3s;
  z-index: 1;
}
#heroBlockCirclesContainer.vanishing {
  animation-name: heroBlockVanishing;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
div.gutenberg-content {
  margin: 0 auto;
  max-width: 1200px;
  padding: 7em 1em;
  font-size: 1.1em;
  line-height: 1.6em;
  color: #5b5b5b;
}
div.gutenberg-content h2,
div.gutenberg-content h3,
div.gutenberg-content h4 {
  color: #ffbe01;
  text-transform: uppercase;
  font-weight: bold;
}
div.gutenberg-content p {
  margin-bottom: 1.5em;
}
div.gutenberg-content a {
  color: #ffbe01;
  text-decoration: none;
  transition: all 0.3s;
}
div.gutenberg-content a:hover {
  color: #e7ac00;
}
div.gutenberg-content strong {
  font-weight: bold;
}
div.gutenberg-content ul,
div.gutenberg-content ol {
  margin-left: 2em;
  margin-bottom: 1.5em;
}
div.gutenberg-content li {
  margin-bottom: 0.5em;
}
/* Blog */
div.blog-content {
  position: relative;
  margin: 0 auto;
  max-width: 1200px;
  margin-top: 7em;
  padding: 1em;
}
div.blog-content h1 {
  font-size: 3em;
  text-align: center;
}
div.blog-content div.post-summary {
  margin-bottom: 4em;
}
div.blog-content div.post-summary div.summary-flex {
  display: flex;
  align-items: flex-start;
}
div.blog-content div.post-summary div.summary-flex div.post-cover {
  flex: 0 0 30%;
  margin-right: 2em;
}
div.blog-content div.post-summary div.summary-flex div.post-cover img {
  width: 100%;
  height: auto;
  border-radius: 0.5em;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
div.blog-content div.post-summary div.summary-flex div.texts {
  flex: 1 0;
}
div.blog-content div.post-summary div.summary-flex div.texts .post-title {
  margin: 0.5em 0;
  font-size: 1.5em;
}
div.blog-content div.post-summary div.summary-flex div.texts .post-title a {
  color: #ffbe01;
  text-decoration: none;
  transition: all 0.3s;
}
div.blog-content div.post-summary div.summary-flex div.texts .post-title a:hover {
  color: #e7ac00;
}
div.blog-content div.post-summary div.summary-flex div.texts div.post-excerpt {
  margin-top: 1em;
}
div.blog-content div.post-summary div.summary-flex div.texts p {
  margin: 0;
}
div.blog-content div.post-meta .post-author {
  font-weight: bold;
}
div.blog-content div.post-meta .post-date {
  font-size: 0.9em;
  color: #b4b4b4;
  text-transform: capitalize;
}
div.blog-content.single-post div.post-meta {
  text-align: center;
  margin-bottom: 3em;
}
div.blog-content.single-post :where(figure) {
  text-align: center;
}
div.blog-content.single-post .wp-block-image img {
  width: 100%;
}
div.blog-content.single-post .wp-block-image :where(figcaption) {
  font-size: 0.9em;
  color: #b4b4b4;
  margin-top: 0.5em;
  text-align: center;
}
div.blog-content.single-post > p {
  line-height: 150%;
}
div.blog-content.single-post > p strong {
  font-weight: bold;
}
@media only screen and (max-width: 600px) {
  div.blog-content h1 {
    font-size: 2em;
  }
  div.blog-content div.post-summary div.summary-flex {
    flex-direction: column;
  }
  div.blog-content div.post-summary div.summary-flex div.post-cover {
    flex: 0 0 100%;
    margin-right: 0;
    margin-bottom: 1em;
    text-align: center;
  }
  div.blog-content div.post-summary div.summary-flex div.post-cover a {
    display: block;
  }
  div.blog-content div.post-summary div.summary-flex div.post-cover a img {
    display: block;
    margin: 0 auto;
  }
  div.blog-content div.post-summary div.summary-flex div.texts {
    flex: 1 0;
  }
}
/* Elements */
.cta-link {
  display: inline-block;
  padding: 1em 2em;
  background-color: #ffbe01;
  color: white;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 0.5em;
  text-shadow: none;
  box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
}
.cta-link:hover {
  background-color: #e7ac00;
  color: white;
  box-shadow: 0 5px 20px 5px rgba(0, 0, 0, 0.25);
}
/* Flags and modifiers */
#portableDeviceDetector,
.show-mobile {
  display: none;
}
@media only screen and (max-width: 600px) {
  #portableDeviceDetector,
  .show-mobile {
    display: block;
  }
}
.show-desktop {
  display: block;
}
@media only screen and (max-width: 600px) {
  .show-desktop {
    display: none;
  }
}
.show-desktop-inline {
  display: inline-block;
}
@media only screen and (max-width: 600px) {
  .show-desktop-inline {
    display: none;
  }
}
/* Animations */
@keyframes seedAnimationAura {
  0% {
    transform: rotate(0) scale(0.6);
    opacity: 0.25;
  }
  25% {
    transform: rotate(10deg) scale(1);
    opacity: 0.5;
  }
  50% {
    transform: rotate(-5deg) scale(0.2);
    opacity: 0.3;
  }
  75% {
    transform: rotate(2deg) scale(1);
    opacity: 0.5;
  }
  100% {
    transform: rotate(0deg) scale(0.6);
    opacity: 0.25;
  }
}
@keyframes seedAnimationSeedLight {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes seedAnimationSeed {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1);
  }
  53% {
    transform: scale(1.05);
  }
  56% {
    transform: scale(1);
  }
  59% {
    transform: scale(1.05);
  }
  62% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
/*# sourceMappingURL=style.css.map */