@import "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Barlow,wght@400;700&display=swap");
:root { --site-bg-color: rgb(238, 239, 242); --site-accent-color: rgb(244, 20, 20); --site-secondary-color: #003049; --site-secondary-bg-color: #003049; --site-welcome-color: #66f; --site-welcome-color: #bd93cc; --site-welcome-color: #fedde2; --site-welcome-color: #7bc7c3; --site-welcome-color: #2c3b55; --site-welcome-color: white; --site-welcome-bg-color: #394791; --site-font: "Roboto"; --display-font: "Roboto"; --section-caption-font: "Barlow"; --bulk-text-font: "Roboto"; --bulk-text-color: rgb(29, 45, 53); }

html { background-color: var(--site-bg-color); }

@media screen and (min-width: 601px) { html { font-size: 21px; } }

@media screen and (max-width: 600px) { html { font-size: 16px; } }

html * { font-family: var(--site-font); }

header { color: var(--site-welcome-color); }

.navbar { font-family: var(--bulk-text-font); background-color: var(--site-bg-color); }

.navbar .navbar-menu .navbar-item { font-weight: bold; }

.navbar .stars { overflow: visible; font-size: 3em; height: 2em; animation-name: spin; animation-duration: 60s; animation-iteration-count: infinite; stroke: #fff; stroke-width: 2px; }

.navbar .stars .s1 { fill: #ec2419; animation: rotation 10s; animation-duration: 20s; animation-iteration-count: infinite; transform-origin: 25% 25%; transform-box: view-box; }

.navbar .stars .s2 { fill: #0078bd; }

.navbar .stars .s3 { fill: #a2c82c; }

.navbar .stars .s4 { fill: #f38500; }

.navbar .stars .s5 { fill: #fd0; }

.navbar .stars .s6 { fill: #00a14d; }

.navbar .stars .s7 { fill: #45cbf3; }

.navbar .stars .rotate { animation: rotation 4s; transform-origin: 50% 50%; transform-box: view-box; }

@keyframes rotation { from { transform: rotate(359deg); }
  to { transform: rotate(0deg); } }

.navbar .rich-title { text-align: center; }

.navbar .rich-title .title { font-size: 1.4em; overflow: visible; white-space: nowrap; word-break: break-all; font-weight: bold; color: var(--site-accent-color); line-height: 1; margin: 0; min-width: 0; }

.navbar .rich-title .tagline { font-size: 0.7em; color: #666; font-weight: lighter; line-height: 1; }

@keyframes spin { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }

.hulk { transform-origin: left; text-align: left; animation: 20s cubic-bezier(0, 1.5, 1, 1.5) 0s normal none infinite blow; -webkit-animation: 20s cubic-bezier(0, 1.5, 1, 1.5) 0s normal none infinite blow; -moz-animation: 20s cubic-bezier(0, 1.5, 1, 1.5) 0s normal none infinite blow; -o-animation: 20s linecubic-bezier(0, 1.5, 1, 1.5) ar 0s normal none infinite blow; }

.welcome { font-family: var(--display-font); background-image: linear-gradient(to bottom right, #394791, #151f52); color: var(--site-welcome-color); }

.welcome .hiro { margin-top: 2em; text-align: center; }

@media screen and (min-width: 601px) { .welcome .hiro { font-size: 1.2em; } }

.welcome .hiro h1 { font-weight: bold; font-size: 3em; letter-spacing: -0.03em; line-height: 1em; }

.welcome .hiro h2 { font-size: 1.2em; margin: 1em; line-height: 1.1em; }

.welcome .hiro > p { margin-top: 2em; color: #999; }

.welcome .hiro .cta_btn { background-color: var(--site-accent-color) !important; font-size: 2em; font-weight: bold; line-height: 1; margin-top: 1em; padding: 1em 2em; min-height: 2.25em; white-space: unset; height: auto; flex-direction: column; }

.welcome .hiro .cta_btn span { display: block !important; font-size: 1rem; }

.welcome .hiro .cta_btn span.cta { font-size: 2rem; margin-bottom: 1rem; }

.welcome .banner { margin-top: 2em; display: flex; align-items: center; }

.welcome .banner h1 { font-weight: bold; font-size: 150%; letter-spacing: -0.03em; color: var(--site-welcome-color); line-height: 2em; }

.welcome .banner h2 { font-size: 150%; letter-spacing: -0.03em; font-weight: bold; color: var(--site-secondary-color); }

.welcome .banner .welcome-text { flex: 1; }

.welcome .banner .welcome-text p, .welcome .banner .welcome-text strong { color: black; }

.welcome .banner h1 + p, .welcome .banner h2 + p { margin-top: 1.5em; }

.welcome .banner .welcome-image { flex: 1; margin-left: 2em; }

.welcome .banner .welcome-image img { max-width: 100%; height: auto; }

.plans p { text-align: center; margin-top: 0.5em; line-height: 1.1; }

@media screen and (min-width: 770px) { .basic-plans .column { position: relative; } .basic-plans .column:not(:last-of-type)::after { content: "vagy"; position: absolute; color: white; font-weight: bold; top: 1.5rem; left: calc(100% - 3ch); z-index: 100; background-color: var(--site-accent-color); border-radius: 50%; height: 6ch; width: 6ch; display: flex; justify-content: center; align-items: center; } }

@-webkit-keyframes blow { 0% { transform: scale(1); }
  5% { transform: scale(1); }
  10% { transform: scale(1.1); }
  20% { transform: scale(1.3); }
  30% { transform: scale(1.5); }
  40% { transform: scale(1.7); }
  50% { transform: scale(1.9); }
  60% { transform: scale(2.1); }
  70% { transform: scale(2.3); }
  80% { transform: scale(2.5); }
  90% { transform: scale(2.7); }
  98% { transform: scale(2.9); }
  100% { transform: scale(1); } }

@keyframes blow { 0% { transform: scale(1); }
  10% { transform: scale(1.1); }
  20% { transform: scale(1.2); }
  30% { transform: scale(1.3); }
  40% { transform: scale(1.4); }
  50% { transform: scale(1.5); }
  60% { transform: scale(1.6); }
  70% { transform: scale(1.7); }
  80% { transform: scale(1.8); }
  90% { transform: scale(1.9); }
  98% { transform: scale(2); }
  100% { transform: scale(1); } }

@-webkit-keyframes blow2 { 0% { transform: scale(1); }
  10% { transform: scale(1.2); }
  20% { transform: scale(1.4); }
  30% { transform: scale(1.6); }
  40% { transform: scale(1.8); }
  50% { transform: scale(2); }
  60% { transform: scale(2.3); }
  70% { transform: scale(2.4); }
  80% { transform: scale(2.6); }
  90% { transform: scale(2.8); }
  98% { transform: scale(3); }
  100% { transform: scale(1); } }

@keyframes blow2 { 0% { transform: scale(1); }
  10% { transform: scale(1.2); }
  20% { transform: scale(1.4); }
  30% { transform: scale(1.6); }
  40% { transform: scale(1.8); }
  50% { transform: scale(2); }
  60% { transform: scale(2.2); }
  70% { transform: scale(2.4); }
  80% { transform: scale(2.6); }
  90% { transform: scale(2.8); }
  98% { transform: scale(3); }
  100% { transform: scale(1); } }

.topic p { font-family: var(--bulk-text-font); color: var(--bulk-text-color); }

.topic div.tiles { font-family: var(--bulk-text-font); margin-top: 1em; display: grid; grid-template-columns: repeat(auto-fill, minmax(12ch, 1fr)); gap: 3em; color: var(--bulk-text-color); }

.topic div.tiles .tile { display: flex; flex-direction: column; max-width: 32ch; }

.topic div.tiles .tile div { display: block; line-height: 1.2; }

.topic div.tiles .tile div:nth-child(1) { font-weight: bold; margin-bottom: 0.5em; }

.topic .banner { display: flex; align-items: center; gap: 4ch; }

.topic .banner h1 { line-height: 1em; font-family: var(--section-caption-font); font-weight: bold; font-size: 250%; letter-spacing: -0.03em; color: var(--site-accent-color); }

.topic .banner h2 { line-height: 1em; font-family: var(--display-font); font-size: 150%; letter-spacing: -0.03em; font-weight: bold; color: var(--site-secondary-color); margin-top: 0.2em; }

.topic .banner h3 { line-height: 1em; font-family: var(--display-font); font-size: 120%; letter-spacing: -0.03em; color: var(--site-secondary-color); }

.topic .banner h1 + p, .topic .banner h2 + p, .topic .banner h3 + p { margin-top: 1.5em; }

.topic .banner .banner-text { flex: 1; }

.topic .banner .banner-text p { color: black; padding-top: 0.75em; line-height: 1.2; }

.topic .banner .banner-text strong { color: black; }

.topic .banner .banner-image { flex: 1; }

.lilac { flex: 1; text-align: center; font-size: 2vw; letter-spacing: -0.03em; font-family: var(--display-font); font-weight: bold; /*   background-color: rgb(211, 0, 1); */ }

.word-container-nemboldog { --frame-time: 3; --total-frames: 15; --total-time: calc(var(--total-frames) * var(--frame-time) * 1s); }

.word-container-nemboldog .animated-words div { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; animation: rollWord var(--total-time) cubic-bezier(0.3, 0.86, 0.36, 0.95) infinite 0s; -webkit-animation: rollWord var(--total-time) cubic-bezier(0.3, 0.86, 0.36, 0.95) infinite 0s; -ms-animation: rollWord var(--total-time) cubic-bezier(0.3, 0.86, 0.36, 0.95) infinite 0s; animation-delay: calc( (var(--nth-child) - 1) * var(--frame-time) * 1s); -webkit-animation-delay: calc( (var(--nth-child) - 1) * var(--frame-time) * 1s); -ms-animation-delay: calc( (var(--nth-child) - 1) * var(--frame-time) * 1s); animation-direction: reverse; }

.word-container-irattar { --frame-time: 6; --total-frames: 12; --total-time: calc(var(--total-frames) * var(--frame-time) * 1s); font-family: var(--bulk-text-font); font-weight: normal; color: black; }

.word-container-irattar .animated-words div { position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 3em; line-height: 1; word-wrap: break-word; animation: rwirattar var(--total-time) cubic-bezier(0.3, 0.86, 0.36, 0.95) infinite 0s; -webkit-animation: rwirattar var(--total-time) cubic-bezier(0.3, 0.86, 0.36, 0.95) infinite 0s; -ms-animation: rwirattar var(--total-time) cubic-bezier(0.3, 0.86, 0.36, 0.95) infinite 0s; animation-delay: calc( (var(--nth-child) - 1) * var(--frame-time) * 1s); -webkit-animation-delay: calc( (var(--nth-child) - 1) * var(--frame-time) * 1s); -ms-animation-delay: calc( (var(--nth-child) - 1) * var(--frame-time) * 1s); }

.animated-words { height: 2em; position: relative; overflow: hidden; min-width: 6.5em; }

.animated-words div:nth-child(1) { --nth-child: 1 ; }

.animated-words div:nth-child(2) { --nth-child: 2 ; }

.animated-words div:nth-child(3) { --nth-child: 3 ; }

.animated-words div:nth-child(4) { --nth-child: 4 ; }

.animated-words div:nth-child(5) { --nth-child: 5 ; }

.animated-words div:nth-child(6) { --nth-child: 6 ; }

.animated-words div:nth-child(7) { --nth-child: 7 ; }

.animated-words div:nth-child(8) { --nth-child: 8 ; }

.animated-words div:nth-child(9) { --nth-child: 9 ; }

.animated-words div:nth-child(10) { --nth-child: 10 ; }

.animated-words div:nth-child(11) { --nth-child: 11 ; }

.animated-words div:nth-child(12) { --nth-child: 12 ; }

.animated-words div:nth-child(13) { --nth-child: 13 ; }

.animated-words div:nth-child(14) { --nth-child: 14 ; }

.animated-words div:nth-child(15) { --nth-child: 15 ; }

.animated-words div:nth-child(16) { --nth-child: 16 ; }

.animated-words div:nth-child(17) { --nth-child: 17 ; }

.animated-words div:nth-child(18) { --nth-child: 18 ; }

.animated-words div:nth-child(19) { --nth-child: 19 ; }

.animated-words div:nth-child(20) { --nth-child: 20 ; }

@keyframes rollWord { 0% { opacity: 0;
    -webkit-transform: translateY(-0.5em);
    -moz-transform: translateY(-0.5em);
    -ms-transform: translateY(-0.5em);
    -o-transform: translateY(-0.5em);
    transform: translateY(-0.5em); }
  5% { opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  15%, 100% { opacity: 0;
    -webkit-transform: translateY(0.5em);
    -moz-transform: translateY(0.5em);
    -ms-transform: translateY(0.5em);
    -o-transform: translateY(0.5em);
    transform: translateY(0.5em); } }

@keyframes rwirattar { 0% { opacity: 0;
    -webkit-transform: translateY(2em);
    -moz-transform: translateY(2em);
    -ms-transform: translateY(2em);
    -o-transform: translateY(2em);
    transform: translateY(2em); }
  5% { opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  20%, 100% { opacity: 0;
    -webkit-transform: translateY(-1em);
    -moz-transform: translateY(-1em);
    -ms-transform: translateY(-1em);
    -o-transform: translateY(-1em);
    transform: translateY(-1em); } }

article.howto-docs { font-family: var(--bulk-text-font); margin: 1em auto; width: 75%; }

article.howto-docs h1 { line-height: 1em; font-family: var(--display-font); font-weight: bold; font-size: 2em; letter-spacing: -0.03em; color: var(--site-accent-color); }

.howto-docs { --docs-outer: 1.5rem; --docs-inner: 1.5rem; --docs-side-padding: 1rem; }

@media screen and (min-width: 1024px) { .howto-docs { --docs-outer: 6rem; --docs-inner: 3rem; } }

@media screen and (min-width: 769px), print { .howto-docs { --docs-outer: 3rem; --docs-inner: 3rem; } }

.howto-pagination-body, .howto-pagination-links { display: flex; flex-wrap: wrap; }

.howto-fat-button { font-size: 1.25em; font-weight: bold; height: auto; padding: .75em 1.25em; }

.howto-docs-pagination { border-top: 2px solid #f5f5f5; margin-top: var(--docs-inner); padding-top: var(--docs-inner); }

.howto-docs-pagination .howto-pagination-next { margin-left: auto; }

.howto-docs-pagination .howto-pagination-next span { margin-right: 1em; }

.howto-docs-pagination .howto-pagination-prev span { margin-left: 1em; text-align: left; }

.howto-docs-pagination .button span { line-height: 1.25; text-align: left; }

.howto-docs-pagination .button em { display: block; font-size: .75em; font-style: normal; opacity: .5; text-transform: capitalize; }

.plans h1.title { color: black; }

.plans .button.is-cta { background-color: var(--site-accent-color); color: white; }

.is-one-third { padding: 2em; }

.spacer { height: 2rem; }

.plan_title { margin-bottom: 0 !important; }

.plan_subtitle { font-weight: bold; color: #90A4AE; }

.price { margin-top: 2rem; }

.price h2 { color: var(--site-accent-color); }

.price span { font-size: 1rem; }

.unavailable { text-decoration: line-through; color: #90A4AE; }

.best_selling { background-color: var(--site-secondary-bg-color); }

.best_selling h2 { color: var(--site-accent-color); }

.best_selling .best_selling_btn { background: #f77f00 !important; }

.in_beta { background-color: white !important; }

.footer { background-color: white; padding: 3rem 1.5rem 6rem; font-size: 0.8em; }

.footer .cc { position: relative; display: inline-block; color: black; }

.footer .cc::after { content: ""; position: absolute; top: 0.25em; right: -.6em; /* Remove display: inline-block if not required to be on the same line as text etc */ display: inline-block; background-color: #666; vertical-align: top; width: 0.5em; /* Set height to the line height of .text */ height: 1em; -webkit-animation: blink 1s step-end infinite; animation: blink 1s step-end infinite; }

@-webkit-keyframes blink { 0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; } }

@keyframes blink { 0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; } }

.article .article-header .article-title { font-family: var(--section-caption-font); font-size: 2rem; font-weight: 900; }

.article .article-content { line-height: 1.2rem; }

.article .article-content h1 { font-family: var(--section-caption-font); font-size: 1.5rem; padding: 1em 0 0.25em; text-align: right; }

.article .article-content h2 { font-family: var(--section-caption-font); font-weight: bold; }

.article .article-content p { margin-bottom: 0.5em; }

.article blockquote { border-left: 1em solid #ddd; color: #666; font-size: 1.25em; line-height: 1.2em; padding: 0.5em 1em 0.25em; margin: 1.5em 1em 1.5em 0; }

.article blockquote::before { content: ""; display: block; background: url(/themes/alap_theme/css/../images/quotes.svg); background-size: auto; width: 50px; height: 44px; background-size: 100%; position: absolute; left: 0; opacity: .5; }

/*# sourceMappingURL=main.css.map */