diff --git a/content/footer/_index.md b/content/footer/_index.md index cc3cf7c26..fc494d298 100644 --- a/content/footer/_index.md +++ b/content/footer/_index.md @@ -4,7 +4,7 @@ description: "" insert_anchor_links: "left" template: "partials/footer.html" extra: - logoPath: "images/white_threefold.png" + logoPath: "images/new_logo_tft.png" socialLinks: { Github: "https://github.com/threefoldfoundation", Github2: "https://github.com/threefoldtech", Twitter: "https://twitter.com/threefold_io", Telegram: "https://t.me/threefoldnews" } --- diff --git a/css/index.css b/css/index.css index 17ada12d4..cb002d134 100644 --- a/css/index.css +++ b/css/index.css @@ -97,6 +97,8 @@ a img:hover{ /* new theme */ .dropdown { + + background-color: rgb(0 0 0 / 50%); @apply lg:text-lg px-6 @@ -104,7 +106,6 @@ a img:hover{ lg:mr-5 my-3 shadow - bg-white border-black capitalize leading-6 @@ -115,17 +116,18 @@ a img:hover{ w-full items-start rounded - transition - hover:first:text-gray-500 - hover:border-stone-200 - hover:bg-stone-100 + transition + hover:border-stone-700 + /* hover:bg-stone-100 */ p-2 text-left + text-white } .dropdown a{ @apply px-0 + text-white } .subtitle { @@ -254,12 +256,12 @@ background-color:#5596f5 !important; @layer components { h1 { @apply text-4xl lg:text-6xl font-normal; - color: #2b2b2b; + color: #ffffff; font-family: "Inter", sans-serif !important; } h2 { @apply text-3xl lg:text-4xl my-4 font-normal leading-none; - color: #2b2b2b; + color: #ffffff; font-family: "Inter", sans-serif !important; } h2 strong { @@ -267,7 +269,7 @@ background-color:#5596f5 !important; } h3 { @apply text-2xl lg:text-3xl my-4 font-extralight; - color: #2b2b2b; + color: #ffffff; font-family: "Inter", sans-serif !important; } h3 strong { @@ -322,12 +324,12 @@ background-color:#5596f5 !important; } h3 a{ - color:#2b2b2b; + color:#ffffff; } h3 a:hover{ - color:#2E83FF; + color:#b6b6b6; } @@ -340,7 +342,7 @@ background-color:#5596f5 !important; font-family: "Inter", sans-serif; line-height: 1.5; font-weight: 700; - color:#333; + color:#e2e2e2; } .article h1{ @@ -352,22 +354,22 @@ background-color:#5596f5 !important; font-size: 1.125rem; font-family: "Inter", sans-serif; line-height: 1.7; - color:#333 + color:#e2e2e2 } .post-content-text a, .article a{ - color: #4ec48f; + color: #a5a5a5; } .post-content-text a:hover, .article a:hover{ - color: #2e9969; + color: #c6c9c8; } .article li{ font-size: 1.125rem; font-family: "Inter", sans-serif; line-height: 1.7; - color:#333 + color:#e2e2e2 } .article h3{ @@ -375,17 +377,22 @@ background-color:#5596f5 !important; } + .article h4{ + color: #fff !important; + + } + .main-title { font-family: "Inter", sans-serif; } -button:hover :is(:where(a)) { +/* button:hover :is(:where(a)) { color: #5e5e5e; -} +} */ button :is(:where(p)) { - color: #3d3b39; + color: #ddd; font-weight: 400; } diff --git a/static/images/new_logo_tft.png b/static/images/new_logo_tft.png index 178179244..b07c72c6e 100644 Binary files a/static/images/new_logo_tft.png and b/static/images/new_logo_tft.png differ diff --git a/templates/blogPage.html b/templates/blogPage.html index 5c72a74ab..3852c978e 100644 --- a/templates/blogPage.html +++ b/templates/blogPage.html @@ -24,12 +24,12 @@
-
-

+
+

{{ page.title }}

-

+

{{ page.description }}

@@ -48,7 +48,7 @@ sm:w-10 rounded-full bg-gray-200 - border-2 border-white + border border-gray-600 " /> {% endif %} @@ -57,9 +57,9 @@
{% if author %} - {{ author.title }} + {{ author.title }} {% endif %} -

+


{{ tag }} diff --git a/templates/newsPage.html b/templates/newsPage.html index e777f7d32..055b58221 100644 --- a/templates/newsPage.html +++ b/templates/newsPage.html @@ -37,11 +37,11 @@

-
-

+
+

{{ page.title }}

-

+

{{ page.description }}

@@ -66,7 +66,7 @@ sm:w-10 rounded-full bg-gray-200 - border-2 border-white + border border-gray-600 " /> @@ -87,13 +87,13 @@ {% set author = get_page(path=author_path) %} {% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %} - {{ author.title }} + {{ author.title }} {% endif %} {% endfor %} {% endif %}

-

+

@@ -118,7 +118,7 @@ mx-auto relative font-serif - text-gray-700 + text-gray-300 ">

{{ content | safe }}

@@ -127,17 +127,17 @@ {% for tag in page.taxonomies.tags %} {% set fullpath = "/tags/" ~ tag | replace(from='_', to='-' ) %} {{ tag }} {% endfor %}

diff --git a/templates/partials/blogSidebar.html b/templates/partials/blogSidebar.html index 7d0cde20a..c7dabd188 100644 --- a/templates/partials/blogSidebar.html +++ b/templates/partials/blogSidebar.html @@ -1,25 +1,25 @@
-

FILTER POSTS BY

- All +

FILTER POSTS BY

+ All {% set taxonomy = get_taxonomy(kind="categories") %} {% set categories = taxonomy.items %} {% for category in categories %} {% set path = category.name | slugify %} {% set fullpath = "/categories/" ~ path %} - {{category.name}} + {{category.name}} {% endfor %}
{% set section = get_section(path="blog/_index.md")%}
-

FEATURED POSTS

+

FEATURED POSTS

{% for page in section.pages %} {% if page.extra.isFeatured %} - {{ page.title }} + {{ page.title }} {% endif %} {% endfor %} diff --git a/templates/partials/featuredBlog.html b/templates/partials/featuredBlog.html index 4b662c659..5875b4c84 100644 --- a/templates/partials/featuredBlog.html +++ b/templates/partials/featuredBlog.html @@ -11,30 +11,30 @@
-

FEATURED POST

+

FEATURED POST

+ class="text-2xl main-title md:text-4xl fw-500 text-gray-50 leading-snug font-medium"> {{ featured.title }}

-

+

{{ featured.description }}

-

+

{{ featured.date | date(format="%B %e, %Y", timezone="America/Chicago")}} - {% for author in featured.taxonomies.people %} {% set author_path = 'people/' ~ author ~ '/index.md' %} {% set author = get_page(path=author_path) %} {% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %} - {{ author.title }} {{ author.title }} {% endfor %}

@@ -42,11 +42,11 @@
- +
-
+
diff --git a/templates/partials/featuredNews.html b/templates/partials/featuredNews.html index 20a90fd6c..50e03c627 100644 --- a/templates/partials/featuredNews.html +++ b/templates/partials/featuredNews.html @@ -2,24 +2,24 @@
-

FEATURED NEWS

+

FEATURED NEWS

+ class="text-2xl main-title md:text-4xl fw-500 text-gray-50 font-medium"> {{ featured.title }}

-

+

{{ featured.description }}

-

+

{{ featured.date | date(format="%B %e, %Y", timezone="America/Chicago")}} - {% for author in featured.taxonomies.people %} {% set author_path = 'people/' ~ author ~ '/index.md' %} {% set author = get_page(path=author_path) %} {% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %} - {{ author.title }} +

\ No newline at end of file diff --git a/templates/partials/footer.html b/templates/partials/footer.html index 67128d5c4..8074a0261 100644 --- a/templates/partials/footer.html +++ b/templates/partials/footer.html @@ -9,7 +9,7 @@
- ThreeFold Logo + ThreeFold Logo

{{section.description}}

diff --git a/templates/partials/header.html b/templates/partials/header.html index 201736ec5..9c777de86 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -4,10 +4,10 @@
-
+
@@ -52,9 +52,9 @@ {% else %}
{% set button_id = header_label ~ "-menu-btn" | slugify %} -
@@ -107,8 +107,7 @@ #} - Get 3Nodes - + Get 3Nodes
@@ -123,7 +122,7 @@
diff --git a/templates/partials/home/features.html b/templates/partials/home/features.html index ea3c077b3..61b15d97c 100644 --- a/templates/partials/home/features.html +++ b/templates/partials/home/features.html @@ -1,7 +1,7 @@
-

Why ThreeFold is Leading the Next Gen of Cloud & Network Technology +

ThreeFold is the Infrastructure Layer of Web 4

ThreeFold is not a protocol. We’ve developed foundational technology that runs directly on bare metal (the hardware).

ThreeFold is likely the only active project with a truly scalable solution addressing the Internet and Cloud’s core components: Data, Cloud, and Network.

@@ -22,7 +22,7 @@
Self-healing and self-driving cloud based on an efficient and secure operating system runs directly on the hardware. Can run any Web 2, Web 3, or AI workload at the edge of the Internet, with more scalability and reliability.
-
P2P Network
+
Unbreakable Network
End-to-end encrypted overlay network, always looking for the shortest possible path between participants. Logical Internet address securely linked to a private key. Unlimited scale and performance optimizations.
diff --git a/templates/partials/home/hero.html b/templates/partials/home/hero.html index 5dbbdf33f..820b5f378 100644 --- a/templates/partials/home/hero.html +++ b/templates/partials/home/hero.html @@ -5,8 +5,8 @@

Imagine a system built to scale to a planetary level, seamlessly compatible with AI, Cloud, Web2, Web3, and Edge IT workloads. A system that is resilient to unforeseen events, provides 100% uptime, and enables any machine and human to communicate over the shortest, most direct path possible.

That's ThreeFold.

- See Products - Dive Deeper + Get Started + See Solutions
diff --git a/templates/partials/intro.html b/templates/partials/intro.html index 062fb9eb7..dbbe780f6 100644 --- a/templates/partials/intro.html +++ b/templates/partials/intro.html @@ -1,9 +1,9 @@ {% block content %}
-

{{ section.title }}

-

+

{{ section.title }}

+

{{ section.description }}

-
+
{% endblock content %} diff --git a/templates/partials/newsCard.html b/templates/partials/newsCard.html index e7061e6a9..76c703f78 100644 --- a/templates/partials/newsCard.html +++ b/templates/partials/newsCard.html @@ -1,4 +1,4 @@ -
+
@@ -7,13 +7,13 @@ {% endif %}
-
+
-

+

{{ post.title }}

{% if post.description %} -

+

{{ post.description }}

{% endif %} @@ -36,7 +36,7 @@ h-8 rounded-full bg-gray-200 - border-2 border-white + border border-gray-400 " /> @@ -46,7 +46,7 @@
-

+

diff --git a/templates/partials/newsSidebar.html b/templates/partials/newsSidebar.html index 78ee1497c..42bc6e7cb 100644 --- a/templates/partials/newsSidebar.html +++ b/templates/partials/newsSidebar.html @@ -1,25 +1,25 @@

-

FILTER NEWS BY

- All +

FILTER NEWS BY

+ All {% set taxonomy = get_taxonomy(kind="news-category") %} {% set categories = taxonomy.items %} {% for category in categories %} {% set path = category.name | slugify %} {% set fullpath = "/news-category/" ~ path %} - {{category.name}} + {{category.name}} {% endfor %}
{% set section = get_section(path="newsroom/_index.md")%}
-

FEATURED NEWS

+

FEATURED NEWS

{% for page in section.pages %} {% if page.extra.isFeatured %} - {{ page.title }} + {{ page.title }} {% endif %} {% endfor %} diff --git a/templates/partials/person_card.html b/templates/partials/person_card.html index f30fa2e71..041c09bfd 100644 --- a/templates/partials/person_card.html +++ b/templates/partials/person_card.html @@ -5,7 +5,7 @@ {{page.title ~ ' Picture'}}

{{page.title}}

-
+
{% if page.description %} {{page.description}} {% else %} diff --git a/templates/partials/postCard.html b/templates/partials/postCard.html index 3c34c7a1f..18c4fe64b 100644 --- a/templates/partials/postCard.html +++ b/templates/partials/postCard.html @@ -9,7 +9,7 @@ {% endif %} {% endif %} -
+
{% if post.extra.imgPath %} @@ -19,13 +19,13 @@ {{post.title ~ ' Picture'}}
{%endif%} -
+
-

+

{{ post.title }}

{% if post.description %} -

+

{{ post.description }}

{% endif %} @@ -40,20 +40,20 @@ {% set author_img = get_url(path='/' ~ author.relative_path | replace(from='_', to='-') | replace(from='index.md', to=author.extra.imgPath)) %}
  • {{author.title}}
    • + class="w-8 h-8 rounded-full bg-gray-200 border border-gray-400"> {% endif %}
    {% if author %} -

    {{ author.title }}

    +

    {{ author.title }}

    {% endif %} -

    +

    -

    diff --git a/templates/partials/products/hero.html b/templates/partials/products/hero.html index 501f893ba..5d62727b6 100644 --- a/templates/partials/products/hero.html +++ b/templates/partials/products/hero.html @@ -6,8 +6,8 @@

    ThreeFold can be used by any Web2, Web3, AI, or Edge IT workload.

    - Dive Deeper -
    + Dive Deeper +
    diff --git a/templates/partials/why/hero.html b/templates/partials/why/hero.html index db4d613a8..765e45e75 100644 --- a/templates/partials/why/hero.html +++ b/templates/partials/why/hero.html @@ -3,12 +3,11 @@

    We are building a New Internet

    The Internet brings the world together, yet much of it is now concentrated in the hands of a few powerful corporations. This wasn't its original purpose. The Internet was envisioned as a decentralized, open space—a tool for freedom, collaboration, and equal access for all.

    -

    ThreeFold has invented a new Data, Network and Cloud system +

    ThreeFold has invented a new Data, Network and Cloud system
    as an Engine for an Upgraded Internet.

    - Get started - Learn more -
    + Litepaper +
    diff --git a/templates/static/css/index.css b/templates/static/css/index.css deleted file mode 100644 index 6f2b1ad36..000000000 --- a/templates/static/css/index.css +++ /dev/null @@ -1,4858 +0,0 @@ -@import url("https://fonts.googleapis.com/css2?family=Ubuntu&display=swap"); - -@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); - -@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap"); - -/*! purgecss start ignore */ - -/* @import "nav.css"; */ - -code.language-html, -code.language-css, -code.language-md, -code.language-cmd, -code.language-bash, -code.language-text, -code.language-js, -span.o, -span.nx { - color: rgb(255, 255, 255); - line-height: 1.4; -} - -span.c { - color: hsl(120, 100%, 20%); -} - -span.p, -span.s1, -span.s2, -span.nt { - color: hsl(40, 100%, 30%); -} - -span.gs, -span.gh, -span.ge { - color: hsl(208, 100%, 50%); -} - -span.gs { - font-weight: bold; -} - -span.ge { - font-style: italic; -} - -pre, -code{ - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; -} - -code { - background-color: hsl(0, 0%, 98%); - border-radius: 3px; - color: hsl(120, 100%, 20%); - font-size: 85%; -} - -pre { - margin: 0; - padding: 1rem; - overflow: scroll; -} - -pre code { - background-color: transparent; - color: inherit; - font-size: 100%; - padding: 0; -} - -.highlight { - background-color: transparent; - border-radius: 3px; - margin: 0 0 0.5rem; - padding: 0; - & pre { - margin-bottom: 0; - overflow-x: auto; - } - & .lineno { - color: hsla(0, 0%, 67%, 0.72); - display: inline-block; - /* Ensures the null space also isn't selectable */ - padding: 0 0.75rem 0 0.25rem; - /* Make sure numbers aren't selectable */ - } -} - -/* TODO: dark theme for future -@media (prefers-color-scheme: dark) { - code { - color: #fff; - background: hsl(200, 63%, 15%); - } -} -*/ - -/*! purgecss end ignore */ - -/*! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com */ - -/* -1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) -2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) -*/ - -*, -::before, -::after { - box-sizing: border-box; - /* 1 */ - border-width: 0; - /* 2 */ - border-style: solid; - /* 2 */ - border-color: #e5e7eb; - /* 2 */ -} - -::before, -::after { - --tw-content: ''; -} - -/* -1. Use a consistent sensible line-height in all browsers. -2. Prevent adjustments of font size after orientation changes in iOS. -3. Use a more readable tab size. -4. Use the user's configured `sans` font-family by default. -*/ - -html { - line-height: 1.5; - /* 1 */ - -webkit-text-size-adjust: 100%; - /* 2 */ - -moz-tab-size: 4; - /* 3 */ - -o-tab-size: 4; - tab-size: 4; - /* 3 */ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - /* 4 */ -} - -/* -1. Remove the margin in all browsers. -2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. -*/ - -body { - margin: 0; - /* 1 */ - line-height: inherit; - /* 2 */ -} - -/* -1. Add the correct height in Firefox. -2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) -3. Ensure horizontal rules are visible by default. -*/ - -hr { - height: 0; - /* 1 */ - color: inherit; - /* 2 */ - border-top-width: 1px; - /* 3 */ -} - -/* -Add the correct text decoration in Chrome, Edge, and Safari. -*/ - -abbr:where([title]) { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; -} - -/* -Remove the default font size and weight for headings. -*/ - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; -} - -/* -Reset links to optimize for opt-in styling instead of opt-out. -*/ - -a { - color: inherit; - text-decoration: inherit; -} - -/* -Add the correct font weight in Edge and Safari. -*/ - -b, -strong { - font-weight: bolder; -} - -/* -1. Use the user's configured `mono` font family by default. -2. Correct the odd `em` font sizing in all browsers. -*/ - -code, -kbd, -samp, -pre { - font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - /* 1 */ - font-size: 1em; - /* 2 */ -} - -/* -Add the correct font size in all browsers. -*/ - -small { - font-size: 80%; -} - -/* -Prevent `sub` and `sup` elements from affecting the line height in all browsers. -*/ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* -1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) -2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) -3. Remove gaps between table borders by default. -*/ - -table { - text-indent: 0; - /* 1 */ - border-color: inherit; - /* 2 */ - border-collapse: collapse; - /* 3 */ -} - -/* -1. Change the font styles in all browsers. -2. Remove the margin in Firefox and Safari. -3. Remove default padding in all browsers. -*/ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; - /* 1 */ - font-size: 100%; - /* 1 */ - font-weight: inherit; - /* 1 */ - line-height: inherit; - /* 1 */ - color: inherit; - /* 1 */ - margin: 0; - /* 2 */ - padding: 0; - /* 3 */ -} - -/* -Remove the inheritance of text transform in Edge and Firefox. -*/ - -button, -select { - text-transform: none; -} - -/* -1. Correct the inability to style clickable types in iOS and Safari. -2. Remove default button styles. -*/ - -button, -[type='button'], -[type='reset'], -[type='submit'] { - -webkit-appearance: button; - /* 1 */ - background-color: transparent; - /* 2 */ - background-image: none; - /* 2 */ -} - -/* -Use the modern Firefox focus style for all focusable elements. -*/ - -:-moz-focusring { - outline: auto; -} - -/* -Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) -*/ - -:-moz-ui-invalid { - box-shadow: none; -} - -/* -Add the correct vertical alignment in Chrome and Firefox. -*/ - -progress { - vertical-align: baseline; -} - -/* -Correct the cursor style of increment and decrement buttons in Safari. -*/ - -::-webkit-inner-spin-button, -::-webkit-outer-spin-button { - height: auto; -} - -/* -1. Correct the odd appearance in Chrome and Safari. -2. Correct the outline style in Safari. -*/ - -[type='search'] { - -webkit-appearance: textfield; - /* 1 */ - outline-offset: -2px; - /* 2 */ -} - -/* -Remove the inner padding in Chrome and Safari on macOS. -*/ - -::-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. -*/ - -::-webkit-file-upload-button { - -webkit-appearance: button; - /* 1 */ - font: inherit; - /* 2 */ -} - -/* -Add the correct display in Chrome and Safari. -*/ - -summary { - display: list-item; -} - -/* -Removes the default spacing and border for appropriate elements. -*/ - -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; -} - -fieldset { - margin: 0; - padding: 0; -} - -legend { - padding: 0; -} - -ol, -ul, -menu { - list-style: none; - margin: 0; - padding: 0; -} - -/* -Prevent resizing textareas horizontally by default. -*/ - -textarea { - resize: vertical; -} - -/* -1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) -2. Set the default placeholder color to the user's configured gray 400 color. -*/ - -input::-moz-placeholder, textarea::-moz-placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -input::placeholder, -textarea::placeholder { - opacity: 1; - /* 1 */ - color: #9ca3af; - /* 2 */ -} - -/* -Set the default cursor for buttons. -*/ - -button, -[role="button"] { - cursor: pointer; -} - -/* -Make sure disabled buttons don't get the pointer cursor. -*/ - -:disabled { - cursor: default; -} - -/* -1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) -2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) - This can trigger a poorly considered lint error in some tools but is included by design. -*/ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; - /* 1 */ - vertical-align: middle; - /* 2 */ -} - -/* -Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) -*/ - -img, -video { - max-width: 100%; - height: auto; -} - -*, ::before, ::after{ - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(0 0 255 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -::-webkit-backdrop{ - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(0 0 255 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -::backdrop{ - --tw-border-spacing-x: 0; - --tw-border-spacing-y: 0; - --tw-translate-x: 0; - --tw-translate-y: 0; - --tw-rotate: 0; - --tw-skew-x: 0; - --tw-skew-y: 0; - --tw-scale-x: 1; - --tw-scale-y: 1; - --tw-pan-x: ; - --tw-pan-y: ; - --tw-pinch-zoom: ; - --tw-scroll-snap-strictness: proximity; - --tw-ordinal: ; - --tw-slashed-zero: ; - --tw-numeric-figure: ; - --tw-numeric-spacing: ; - --tw-numeric-fraction: ; - --tw-ring-inset: ; - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: rgb(0 0 255 / 0.5); - --tw-ring-offset-shadow: 0 0 #0000; - --tw-ring-shadow: 0 0 #0000; - --tw-shadow: 0 0 #0000; - --tw-shadow-colored: 0 0 #0000; - --tw-blur: ; - --tw-brightness: ; - --tw-contrast: ; - --tw-grayscale: ; - --tw-hue-rotate: ; - --tw-invert: ; - --tw-saturate: ; - --tw-sepia: ; - --tw-drop-shadow: ; - --tw-backdrop-blur: ; - --tw-backdrop-brightness: ; - --tw-backdrop-contrast: ; - --tw-backdrop-grayscale: ; - --tw-backdrop-hue-rotate: ; - --tw-backdrop-invert: ; - --tw-backdrop-opacity: ; - --tw-backdrop-saturate: ; - --tw-backdrop-sepia: ; -} - -main{ - padding-top: 0px; -} - -article p{ - font-size: 1.125rem; -} - -/* -html, body { - @apply dark:bg-black; - -body { - @apply font-serif dark:text-gray-200; -} -*/ - -p { - /* for handling Markdown-created

    and

  • */ - font-size: 1.125rem; -} - -pre, -code { - font-feature-settings: normal; -} - -.navWhite, -.navWhite:visited{ - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -.navWhite:focus, -.navWhite:active{ - --tw-text-opacity: 1; - color: rgb(156 163 175 / var(--tw-text-opacity)); -} - -.text-blue-light{ - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -.text-blue-dark { - /* for dark mode - @apply text-blue-200; - */ -} - -.text-shadow-titles { - text-shadow: 4px 4px 2px #000; -} - -.gradient-titles{ - background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); - --tw-gradient-from: #0000aa; - --tw-gradient-to: rgb(0 0 170 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); - --tw-gradient-to: #000000; -} - -.ctr{ - text-align: center; -} - -.legal{ - font-size: .75rem; -} - -nav h4 a:hover{ - border-width: 0px; - font-weight: 300; - --tw-text-opacity: 1; - color: rgb(0 136 255 / var(--tw-text-opacity)); -} - -nav h4 a, -nav h4 a:focus, -nav h4 a:active{ - border-width: 0px; - font-weight: 300; - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -a h2{ - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -a{ - font-weight: 600; - --tw-text-opacity: 1; - color: rgb(0 0 187 / var(--tw-text-opacity)); -} - -a:focus, -a:hover{ - --tw-text-opacity: 1; - color: rgb(0 136 255 / var(--tw-text-opacity)); -} - -a:active{ - --tw-border-opacity: 1; - border-color: rgb(0 0 255 / var(--tw-border-opacity)); - --tw-text-opacity: 1; - color: rgb(0 0 136 / var(--tw-text-opacity)); -} - -h5 a{ - font-weight: 400; - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity)); -} - -/* -a:hover { - @apply dark:text-blue-300; -} -*/ - -sup a, -a.previous, -a.next, -.footnote-return{ - border-bottom-width: 0px; -} - -#nav-toggle:checked + #navMenu{ - display: block; -} - -a.navborderless{ - border-bottom-width: 0px; -} - -/* -.dateInfo { - @apply text-gray-700 dark:text-gray-400; -} -*/ - -h1, -.h1, -h2, -.h2, -h3, -.h3, -h4, -.h4, -h5, -.h5, -h6, -.h6{ - font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - line-height: 1.25; - letter-spacing: -0.025em; -} - -h1, -.h1{ - margin-bottom: 1rem; - font-size: 2.25rem; - font-weight: 800; -} - -h2, -.h2, -h3, -.h3, -h4, -.h4, -h5, -.h5, -h6, -.h6{ - font-weight: 700; -} - -h2, -.h2{ - font-size: 2.25rem; -} - -h4, -.h4{ - font-size: 1.5rem; -} - -h5{ - font-style: normal; -} - -h5, -.h5, -h6, -.h6{ - font-size: 1.125rem; -} - -.height-hero { - height: 45vh; - max-height: 45vh; - overflow: hidden; -} - -.height-post { - height: 35vh; - max-height: 35vh; -} - -.imgCover{ - height: 100%; - width: 100%; - -o-object-fit: cover; - object-fit: cover; - -o-object-position: center; - object-position: center; -} - -.background-hero-image-div{ - position: relative; - width: 100%; - overflow: hidden; - --tw-bg-opacity: 1; - background-color: rgb(0 0 0 / var(--tw-bg-opacity)); - /* Have to allow for mobile browsers' own "chrome"; can't go by Inspector simulations of smaller breakpoints */ - height: 80vh; - max-height: 80vh; -} - -.background-hero-title-block-fit{ - position: absolute; - bottom: 0px; - display: block; - width: 100%; - background-image: linear-gradient(to top, var(--tw-gradient-stops)); - --tw-gradient-from: #000000; - --tw-gradient-to: rgb(0 0 0 / 0); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); - padding-left: 1rem; - padding-right: 1rem; - padding-top: 0.75rem; - padding-bottom: 1.5rem; -} - -.background-hero-title-text { - text-shadow: 4px 4px 2px #000; -} - -@media screen and (min-width: 768px) { - .background-hero-title-block-fit{ - padding-left: 3rem; - padding-right: 3rem; - } - - .background-hero-image-div { - height: 85vh; - max-height: 85vh; - } -} - -@media screen and (min-width: 1024px) { - .background-hero-title-block-fit{ - padding-left: 4rem; - padding-right: 4rem; - } - - .background-hero-image-div { - height: 95vh; - max-height: 95vh; - } -} - -.text-nowrap, -.text-nobrk{ - white-space: nowrap; -} - -article h1, -article h2, -article h3, -article h4{ - margin-top: 2rem; - margin-bottom: 1.5rem; - letter-spacing: -0.025em; -} - -article p{ - font-size: 1.125rem; - line-height: 1.625; -} - -article img.containedImage { - min-width: 100%; - max-width: 100%; - height: auto; - width: 100%; -} - -@media screen and (min-width: 768px) { - .height-hero { - height: 70vh; - max-height: 70vh; - } - - .height-post { - height: 40vh; - max-height: 40vh; - } - - article p{ - font-size: 1.25rem; - line-height: 1.625; - } -} - -@media screen and (min-width: 1920px) { - article p{ - font-size: 1.5rem; - line-height: 1.625; - } -} - -/* -.yellowBox { - @apply font-sans bg-yellow-200 border border-gray-900 border-solid mx-auto my-2 w-full px-6 py-2 dark:bg-gray-800 dark:border-gray-500; -} -*/ - -.yellowbox p{ - margin: 0px; - width: 100%; - padding: 0.5rem; -} - -ul, -ol{ - padding-left: 2rem; -} - -ul{ - list-style-type: disc; -} - -ol{ - list-style-type: decimal; -} - -.twitter-tweet{ - margin-left: auto; - margin-right: auto; - margin-top: 1rem; - margin-bottom: 0px; -} - -table.leagues{ - margin-left: auto; - margin-right: auto; - margin-top: 1rem; - margin-bottom: 0px; - width: 91.666667%; - border-collapse: collapse; - border-width: 0px; -} - -table.leagues td.col{ - width: 50%; -} - -@media (min-width: 900px) { - table.leagues{ - width: 60%; - } - - table.noborders{ - width: 91.666667%; - } -} - -table.noborders{ - margin-left: auto; - margin-right: auto; - margin-top: 1.5rem; - margin-bottom: 1rem; - width: 100%; - border-collapse: collapse; - border-width: 0px; -} - -table.noborders td{ - padding-top: 0.25rem; - padding-bottom: 0.25rem; - padding-right: 0px; - padding-left: 0.5rem; - text-align: left; - vertical-align: middle; - --tw-text-opacity: 1; - color: rgb(31 41 55 / var(--tw-text-opacity)); - /* text-align: left !important; */ -} - -table.noborders td img{ - margin: 0px; - display: inline-block; - vertical-align: middle; -} - -table.noborders tr{ - --tw-bg-opacity: 1; - background-color: rgb(187 238 255 / var(--tw-bg-opacity)); -} - -table.noborders tr:nth-child(even){ - --tw-bg-opacity: 1; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)); -} - -table.noborders thead tr{ - --tw-bg-opacity: 1; - background-color: rgb(0 0 170 / var(--tw-bg-opacity)); -} - -table.noborders thead td{ - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(255 255 255 / var(--tw-text-opacity)); -} - -table.noborders td.td70 { - width: 70%; -} - -table.noborders td.td70 img{ - display: block; - height: auto; - width: 50%; - max-width: 50%; -} - -table.noborders td.td30 { - width: 30%; -} - -/* -blockquote { - @apply px-6 text-gray-700 dark:text-gray-400; -} -*/ - -/* start, footnotes */ - -.footnote-definition, -.footnote-reference{ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -.footnote-reference { - font-size: 0.65em; - top: -0.5em; -} - -.footnote-sim { - font-size: 0.65em; - color: #0000ff; - @media (prefers-color-scheme: dark) { - color: #00aaff; - } -} - -.footnotes { - & ol { - -webkit-padding-start: 1.5rem; - padding-inline-start: 1.5rem; - } - & ol li { - margin-bottom: 0.5rem; - font-size: $pokey; - } - & li p { - font-size: 100%; - line-height: 1.4; - } - & .footnote-backref { - font-size: 75%; - } -} - -a.footnote-return { - font-size: 50%; -} - -article > .footnote-definition { - border-top: 1px solid black; - padding-top: 1em; - margin-top: 1em; -} - -article > .footnote-definition ~ .footnote-definition { - border-top: 0; - padding-top: 0; - margin-top: 0; -} - -.footnote-definition-label { - top: -0.4em; - font-size: 0.65em; -} - -.footnote-definition-label + p { - font-size: 75%; - margin-top: -1.75em; - margin-left: 1em; - line-height: 1.35; -} - -.footnote-definition-label::after { - content: "."; -} - -/* == end, footnotes */ - -.aspect-16x9 { - padding-bottom: 56.25%; -} - -/* -hr { - @apply border-solid border-gray-900 dark:border-gray-100; -} -*/ - -footer{ - font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; -} - -.lazypicturecaption{ - margin-top: 0.5rem; - padding: 0px; - text-align: center; - font-size: .875rem; - line-height: 1.375; -} - -.home-colOne p{ - margin-bottom: 1rem; - line-height: 2rem; -} - -.home-colOne img{ - margin-top: 1rem; - margin-bottom: 1rem; -} - -.container-comments { - margin: 0 auto; - font-size: 85%; - width: 85%; - max-width: 720px !important; - margin-bottom: 0; -} - -@media screen and (min-width: 900px) { - .container-comments { - width: 40%; - } -} - -.container{ - width: 100%; -} - -@media (min-width: 640px){ - .container{ - max-width: 640px; - } -} - -@media (min-width: 768px){ - .container{ - max-width: 768px; - } -} - -@media (min-width: 1024px){ - .container{ - max-width: 1024px; - } -} - -@media (min-width: 1280px){ - .container{ - max-width: 1280px; - } -} - -@media (min-width: 1450px){ - .container{ - max-width: 1450px; - } -} - -h1{ - font-size: 1.875rem; - font-weight: 400; -} - -@media (min-width: 1024px){ - h1{ - font-size: 5rem; - } -} - -h2{ - margin-top: 1rem; - margin-bottom: 1rem; - font-size: 1.875rem; - font-weight: 300; - line-height: 1; -} - -@media (min-width: 1024px){ - h2{ - font-size: 4rem; - } -} - -h2 strong{ - font-weight: 500; -} - -h3{ - margin-top: 1rem; - margin-bottom: 1rem; - font-size: 1.25rem; - font-weight: 200; - line-height: 1; -} - -@media (min-width: 1024px){ - h3{ - font-size: 2.25rem; - } -} - -h3 strong{ - font-weight: 600; -} - -h4{ - font-size: .875rem; - font-weight: 400; -} - -@media (min-width: 1024px){ - h4{ - font-size: 1.5rem; - } -} - -h5{ - margin-top: 0.25rem; - margin-bottom: 0.25rem; - font-size: 1.05rem; - font-weight: 600; - letter-spacing: 0.1em; - --tw-text-opacity: 1; - color: rgb(113 113 122 / var(--tw-text-opacity)); -} - -h6{ - margin-top: 0.25rem; - margin-bottom: 0.25rem; - font-size: 1.05rem; - font-weight: 400; - font-style: normal; -} - -p{ - font-size: 1.125rem; -} - -blockquote{ - margin-left: 0.5rem; - margin-right: 0.5rem; - margin-top: 0.5rem; - margin-bottom: 0.5rem; - border-left-width: 4px; - --tw-border-opacity: 1; - border-color: rgb(156 163 175 / var(--tw-border-opacity)); - padding: 0.5rem; -} - -li{ - font-size: 1rem; - font-weight: 400; -} - -@media (min-width: 1024px){ - li{ - font-size: 1rem; - } -} - -li li{ - font-size: .875rem; - font-weight: 300; -} - -@media (min-width: 1024px){ - li li{ - font-size: .875rem; - } -} - -button{ - margin-top: 0.75rem; - margin-bottom: 0.75rem; - display: inline-block; - border-width: 2px; - --tw-border-opacity: 1; - border-color: rgb(0 0 0 / var(--tw-border-opacity)); - padding-top: 0.25rem; - padding-bottom: 0.25rem; - text-transform: capitalize; - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - -@media (min-width: 1024px){ - button{ - margin-right: 1.25rem; - font-size: 1.125rem; - } -} - -.my-header h4{ - color:#9f9f9f; -} - -.article h2{ - font-size: 2.25rem; - font-family: Inter,sans-serif!important; - line-height: 1.5; - font-weight: 700; - color:#333; -} - -.article h1{ - font-family: Inter,sans-serif!important; -} - -:root { - --md-admonition-icon--note: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--abstract: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--info: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--tip: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--success: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--question: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--warning: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--failure: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--danger: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--bug: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--example: url("data:image/svg+xml;charset=utf-8,"); - --md-admonition-icon--quote: url("data:image/svg+xml;charset=utf-8,"); - --md-details-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23000000'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E"); -} - -:is(.admonition) { - display: flow-root; - margin: 1.5625em 0; - padding: 0 1.2rem; - color: var(--fg); - page-break-inside: avoid; - background-color: var(--bg); - border: 0 solid black; - border-inline-start-width: 0.4rem; - border-radius: 0.2rem; - box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.05), 0 0 0.1rem rgba(0, 0, 0, 0.1); -} - -.admonition p { - display: block; - -webkit-margin-before: 1em; - margin-block-start: 1em; - -webkit-margin-after: 1em; - margin-block-end: 1em; - -webkit-margin-start: 0px; - margin-inline-start: 0px; - -webkit-margin-end: 0px; - margin-inline-end: 0px; - font-size: 0.8rem; -} - -@media print { - :is(.admonition) { - box-shadow: none; - } -} - -:is(.admonition) > * { - box-sizing: border-box; -} - -:is(.admonition) :is(.admonition) { - margin-top: 1em; - margin-bottom: 1em; -} - -:is(.admonition) > .tabbed-set:only-child { - margin-top: 0; -} - -html :is(.admonition) > :last-child { - margin-bottom: 1.2rem; -} - -:is(.admonition-title, summary) { - position: relative; - margin-block: 0; - margin-inline: -1.6rem -1.2rem; - padding-block: 0.8rem; - padding-inline: 4rem 1.2rem; - font-weight: 700; - background-color: rgba(68, 138, 255, 0.1); - border: 0 solid #448aff; - border-inline-start-width: 0.4rem; - border-start-start-radius: 0.2rem; - display: flex; -} - -:is(.admonition-title, summary) > p { - margin: 0; -} - -html :is(.admonition-title, summary):last-child { - margin-bottom: 0; -} - -:is(.admonition-title, summary)::before { - position: absolute; - top: 0.625em; - inset-inline-start: 1.2rem; - width: 1.4rem; - height: 1.4rem; - background-color: #448aff; - mask-image: url('data:image/svg+xml;charset=utf-8,'); - -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); - mask-repeat: no-repeat; - -webkit-mask-repeat: no-repeat; - mask-size: contain; - -webkit-mask-size: contain; - content: ""; -} - -:is(.admonition):is(.note) { - border-color: #448aff; -} - -:is(.note) > :is(.admonition-title, summary) { - background-color: rgba(68, 138, 255, 0.1); - border-color: #448aff; -} - -:is(.note) > :is(.admonition-title, summary)::before { - background-color: #448aff; - mask-image: var(--md-admonition-icon--note); - -webkit-mask-image: var(--md-admonition-icon--note); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.abstract, .summary, .tldr) { - border-color: #00b0ff; -} - -:is(.abstract, .summary, .tldr) > :is(.admonition-title, summary) { - background-color: rgba(0, 176, 255, 0.1); - border-color: #00b0ff; -} - -:is(.abstract, .summary, .tldr) > :is(.admonition-title, summary)::before { - background-color: #00b0ff; - mask-image: var(--md-admonition-icon--abstract); - -webkit-mask-image: var(--md-admonition-icon--abstract); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.info, .todo) { - border-color: #00b8d4; -} - -:is(.info, .todo) > :is(.admonition-title, summary) { - background-color: rgba(0, 184, 212, 0.1); - border-color: #00b8d4; -} - -:is(.info, .todo) > :is(.admonition-title, summary)::before { - background-color: #00b8d4; - mask-image: var(--md-admonition-icon--info); - -webkit-mask-image: var(--md-admonition-icon--info); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.tip, .hint, .important) { - border-color: #00bfa5; -} - -:is(.tip, .hint, .important) > :is(.admonition-title, summary) { - background-color: rgba(0, 191, 165, 0.1); - border-color: #00bfa5; -} - -:is(.tip, .hint, .important) > :is(.admonition-title, summary)::before { - background-color: #00bfa5; - mask-image: var(--md-admonition-icon--tip); - -webkit-mask-image: var(--md-admonition-icon--tip); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.success, .check, .done) { - border-color: #00c853; -} - -:is(.success, .check, .done) > :is(.admonition-title, summary) { - background-color: rgba(0, 200, 83, 0.1); - border-color: #00c853; -} - -:is(.success, .check, .done) > :is(.admonition-title, summary)::before { - background-color: #00c853; - mask-image: var(--md-admonition-icon--success); - -webkit-mask-image: var(--md-admonition-icon--success); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.question, .help, .faq) { - border-color: #64dd17; -} - -:is(.question, .help, .faq) > :is(.admonition-title, summary) { - background-color: rgba(100, 221, 23, 0.1); - border-color: #64dd17; -} - -:is(.question, .help, .faq) > :is(.admonition-title, summary)::before { - background-color: #64dd17; - mask-image: var(--md-admonition-icon--question); - -webkit-mask-image: var(--md-admonition-icon--question); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.warning, .caution, .attention) { - border-color: #ff9100; -} - -:is(.warning, .caution, .attention) > :is(.admonition-title, summary) { - background-color: rgba(255, 145, 0, 0.1); - border-color: #ff9100; -} - -:is(.warning, .caution, .attention) > :is(.admonition-title, summary)::before { - background-color: #ff9100; - mask-image: var(--md-admonition-icon--warning); - -webkit-mask-image: var(--md-admonition-icon--warning); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.failure, .fail, .missing) { - border-color: #ff5252; -} - -:is(.failure, .fail, .missing) > :is(.admonition-title, summary) { - background-color: rgba(255, 82, 82, 0.1); - border-color: #ff5252; -} - -:is(.failure, .fail, .missing) > :is(.admonition-title, summary)::before { - background-color: #ff5252; - mask-image: var(--md-admonition-icon--failure); - -webkit-mask-image: var(--md-admonition-icon--failure); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.danger, .error) { - border-color: #ff1744; -} - -:is(.danger, .error) > :is(.admonition-title, summary) { - background-color: rgba(255, 23, 68, 0.1); - border-color: #ff1744; -} - -:is(.danger, .error) > :is(.admonition-title, summary)::before { - background-color: #ff1744; - mask-image: var(--md-admonition-icon--danger); - -webkit-mask-image: var(--md-admonition-icon--danger); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.bug) { - border-color: #f50057; -} - -:is(.bug) > :is(.admonition-title, summary) { - background-color: rgba(245, 0, 87, 0.1); - border-color: #f50057; -} - -:is(.bug) > :is(.admonition-title, summary)::before { - background-color: #f50057; - mask-image: var(--md-admonition-icon--bug); - -webkit-mask-image: var(--md-admonition-icon--bug); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.example) { - border-color: #7c4dff; -} - -:is(.example) > :is(.admonition-title, summary) { - background-color: rgba(124, 77, 255, 0.1); - border-color: #7c4dff; -} - -:is(.example) > :is(.admonition-title, summary)::before { - background-color: #7c4dff; - mask-image: var(--md-admonition-icon--example); - -webkit-mask-image: var(--md-admonition-icon--example); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -:is(.admonition):is(.quote, .cite) { - border-color: #9e9e9e; -} - -:is(.quote, .cite) > :is(.admonition-title, summary) { - background-color: rgba(158, 158, 158, 0.1); - border-color: #9e9e9e; -} - -:is(.quote, .cite) > :is(.admonition-title, summary)::before { - background-color: #9e9e9e; - mask-image: var(--md-admonition-icon--quote); - -webkit-mask-image: var(--md-admonition-icon--quote); - mask-repeat: no-repeat; - -webkit-mask-size: contain; - mask-size: contain; - -webkit-mask-repeat: no-repeat; -} - -.navy :is(.admonition) { - background-color: var(--sidebar-bg); -} - -.ayu :is(.admonition), -.coal :is(.admonition) { - background-color: var(--theme-hover); -} - -.rust :is(.admonition) { - background-color: var(--sidebar-bg); - color: var(--sidebar-fg); -} - -:is(.admonition-title) { - font-feature-settings: "kern", "liga"; - font-weight: 600; - font-size: 0.84rem; - border: none; - padding: 10px 50px; -} - -:is(summary)::after { - top: 0.625em; - width: 1.4rem; - height: 1.4rem; - mask-image: url('data:image/svg+xml;charset=utf-8,'); - -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,'); - -webkit-mask-size: contain; - content: ""; - background-color: black; - mask-image: var(--md-details-icon); - -webkit-mask-image: var(--md-details-icon); - mask-repeat: no-repeat; - mask-size: contain; - -webkit-mask-repeat: no-repeat; - position: absolute; - transform: rotate(-90deg); - transition: transform 0.25s; - right: 0.4rem; -} - -details[open] > summary::after { - transform: rotate(0deg); -} - -.sr-only{ - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; -} - -.static{ - position: static !important; -} - -.fixed{ - position: fixed !important; -} - -.absolute{ - position: absolute !important; -} - -.relative{ - position: relative !important; -} - -.inset-0{ - top: 0px !important; - right: 0px !important; - bottom: 0px !important; - left: 0px !important; -} - -.inset-x-0{ - left: 0px !important; - right: 0px !important; -} - -.left-0{ - left: 0px !important; -} - -.top-0{ - top: 0px !important; -} - -.z-50{ - z-index: 50 !important; -} - -.z-30{ - z-index: 30 !important; -} - -.z-20{ - z-index: 20 !important; -} - -.z-10{ - z-index: 10 !important; -} - -.z-20{ - z-index: 20 !important; -} - -.z-10{ - z-index: 10 !important; -} - -.z-50{ - z-index: 50 !important; -} - -.z-30{ - z-index: 30 !important; -} - -.order-2{ - order: 2 !important; -} - -.order-1{ - order: 1 !important; -} - -.col-span-3{ - grid-column: span 3 / span 3 !important; -} - -.m-0{ - margin: 0px !important; -} - -.m-2{ - margin: 0.5rem !important; -} - -.m-4{ - margin: 1rem !important; -} - -.mx-auto{ - margin-left: auto !important; - margin-right: auto !important; -} - -.mx-0{ - margin-left: 0px !important; - margin-right: 0px !important; -} - -.my-2{ - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; -} - -.mx-4{ - margin-left: 1rem !important; - margin-right: 1rem !important; -} - -.my-0{ - margin-top: 0px !important; - margin-bottom: 0px !important; -} - -.my-8{ - margin-top: 2rem !important; - margin-bottom: 2rem !important; -} - -.my-4{ - margin-top: 1rem !important; - margin-bottom: 1rem !important; -} - -.my-10{ - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; -} - -.mx-1{ - margin-left: 0.25rem !important; - margin-right: 0.25rem !important; -} - -.my-1{ - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; -} - -.my-5{ - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; -} - -.mx-8{ - margin-left: 2rem !important; - margin-right: 2rem !important; -} - -.-mx-4{ - margin-left: -1rem !important; - margin-right: -1rem !important; -} - -.-my-2{ - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; -} - -.-mx-8{ - margin-left: -2rem !important; - margin-right: -2rem !important; -} - -.my-2{ - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; -} - -.mx-auto{ - margin-left: auto !important; - margin-right: auto !important; -} - -.-my-2{ - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; -} - -.mx-8{ - margin-left: 2rem !important; - margin-right: 2rem !important; -} - -.mt-10{ - margin-top: 2.5rem !important; -} - -.mt-0{ - margin-top: 0px !important; -} - -.mb-3{ - margin-bottom: 0.75rem !important; -} - -.mb-8{ - margin-bottom: 2rem !important; -} - -.mr-2{ - margin-right: 0.5rem !important; -} - -.mt-5{ - margin-top: 1.25rem !important; -} - -.mt-6{ - margin-top: 1.5rem !important; -} - -.mb-4{ - margin-bottom: 1rem !important; -} - -.mb-10{ - margin-bottom: 2.5rem !important; -} - -.ml-auto{ - margin-left: auto !important; -} - -.mb-0{ - margin-bottom: 0px !important; -} - -.mt-12{ - margin-top: 3rem !important; -} - -.mt-2{ - margin-top: 0.5rem !important; -} - -.mb-16{ - margin-bottom: 4rem !important; -} - -.ml-4{ - margin-left: 1rem !important; -} - -.mr-5{ - margin-right: 1.25rem !important; -} - -.mt-16{ - margin-top: 4rem !important; -} - -.mt-3{ - margin-top: 0.75rem !important; -} - -.mt-1{ - margin-top: 0.25rem !important; -} - -.ml-5{ - margin-left: 1.25rem !important; -} - -.mb-12{ - margin-bottom: 3rem !important; -} - -.mr-8{ - margin-right: 2rem !important; -} - -.mb-6{ - margin-bottom: 1.5rem !important; -} - -.mt-8{ - margin-top: 2rem !important; -} - -.mb-5{ - margin-bottom: 1.25rem !important; -} - -.ml-8{ - margin-left: 2rem !important; -} - -.ml-1{ - margin-left: 0.25rem !important; -} - -.-mr-2{ - margin-right: -0.5rem !important; -} - -.mr-4{ - margin-right: 1rem !important; -} - -.-mt-16{ - margin-top: -4rem !important; -} - -.ml-10{ - margin-left: 2.5rem !important; -} - -.mt-16{ - margin-top: 4rem !important; -} - -.-mr-2{ - margin-right: -0.5rem !important; -} - -.mt-0{ - margin-top: 0px !important; -} - -.mt-8{ - margin-top: 2rem !important; -} - -.block{ - display: block !important; -} - -.inline-block{ - display: inline-block !important; -} - -.inline{ - display: inline !important; -} - -.flex{ - display: flex !important; -} - -.inline-flex{ - display: inline-flex !important; -} - -.grid{ - display: grid !important; -} - -.hidden{ - display: none !important; -} - -.h-8{ - height: 2rem !important; -} - -.h-10{ - height: 2.5rem !important; -} - -.h-32{ - height: 8rem !important; -} - -.h-12{ - height: 3rem !important; -} - -.h-full{ - height: 100% !important; -} - -.h-16{ - height: 4rem !important; -} - -.h-4{ - height: 1rem !important; -} - -.h-auto{ - height: auto !important; -} - -.h-6{ - height: 1.5rem !important; -} - -.h-5{ - height: 1.25rem !important; -} - -.h-screen{ - height: 100vh !important; -} - -.h-48{ - height: 12rem !important; -} - -.h-1\/2{ - height: 50% !important; -} - -.h-1\/3{ - height: 33.333333% !important; -} - -.h-auto{ - height: auto !important; -} - -.h-6{ - height: 1.5rem !important; -} - -.h-screen{ - height: 100vh !important; -} - -.max-h-80{ - max-height: 20rem !important; -} - -.max-h-screen{ - max-height: 100vh !important; -} - -.min-h-screen{ - min-height: 100vh !important; -} - -.w-8{ - width: 2rem !important; -} - -.w-full{ - width: 100% !important; -} - -.w-72{ - width: 18rem !important; -} - -.w-10{ - width: 2.5rem !important; -} - -.w-32{ - width: 8rem !important; -} - -.w-48{ - width: 12rem !important; -} - -.w-3\/4{ - width: 75% !important; -} - -.w-4\/6{ - width: 66.666667% !important; -} - -.w-2\/6{ - width: 33.333333% !important; -} - -.w-12{ - width: 3rem !important; -} - -.w-13{ - width: 4rem !important; -} - -.w-64{ - width: 16rem !important; -} - -.w-7\/12{ - width: 58.333333% !important; -} - -.w-4{ - width: 1rem !important; -} - -.w-16{ - width: 4rem !important; -} - -.w-screen{ - width: 100vw !important; -} - -.w-20{ - width: 5rem !important; -} - -.w-6{ - width: 1.5rem !important; -} - -.w-5{ - width: 1.25rem !important; -} - -.w-auto{ - width: auto !important; -} - -.w-screen{ - width: 100vw !important; -} - -.w-48{ - width: 12rem !important; -} - -.w-6{ - width: 1.5rem !important; -} - -.max-w-lg{ - max-width: 32rem !important; -} - -.max-w-full{ - max-width: 100% !important; -} - -.max-w-screen-2xl{ - max-width: 1450px !important; -} - -.max-w-4xl{ - max-width: 56rem !important; -} - -.max-w-7xl{ - max-width: 80rem !important; -} - -.max-w-screen-xl{ - max-width: 1280px !important; -} - -.max-w-xs{ - max-width: 20rem !important; -} - -.flex-1{ - flex: 1 1 0% !important; -} - -.flex-shrink-0{ - flex-shrink: 0 !important; -} - -.origin-top-right{ - transform-origin: top right !important; -} - -.-translate-y-1{ - --tw-translate-y: -0.25rem !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.-translate-y-0{ - --tw-translate-y: -0px !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.-translate-y-1{ - --tw-translate-y: -0.25rem !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.-translate-y-0{ - --tw-translate-y: -0px !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.rotate-180{ - --tw-rotate: 180deg !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.-rotate-90{ - --tw-rotate: -90deg !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.rotate-0{ - --tw-rotate: 0deg !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.-rotate-90{ - --tw-rotate: -90deg !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.scale-95{ - --tw-scale-x: .95 !important; - --tw-scale-y: .95 !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.scale-100{ - --tw-scale-x: 1 !important; - --tw-scale-y: 1 !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.scale-95{ - --tw-scale-x: .95 !important; - --tw-scale-y: .95 !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.scale-100{ - --tw-scale-x: 1 !important; - --tw-scale-y: 1 !important; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.transform{ - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; -} - -.cursor-pointer{ - cursor: pointer !important; -} - -.list-none{ - list-style-type: none !important; -} - -.grid-cols-3{ - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; -} - -.grid-cols-1{ - grid-template-columns: repeat(1, minmax(0, 1fr)) !important; -} - -.flex-row{ - flex-direction: row !important; -} - -.flex-col{ - flex-direction: column !important; -} - -.flex-wrap{ - flex-wrap: wrap !important; -} - -.flex-nowrap{ - flex-wrap: nowrap !important; -} - -.items-start{ - align-items: flex-start !important; -} - -.items-center{ - align-items: center !important; -} - -.items-baseline{ - align-items: baseline !important; -} - -.justify-center{ - justify-content: center !important; -} - -.justify-between{ - justify-content: space-between !important; -} - -.justify-around{ - justify-content: space-around !important; -} - -.gap-5{ - gap: 1.25rem !important; -} - -.gap-6{ - gap: 1.5rem !important; -} - -.gap-4{ - gap: 1rem !important; -} - -.space-y-2 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)) !important; -} - -.space-y-6 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important; -} - -.space-y-1 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important; -} - -.space-y-8 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important; -} - -.space-x-10 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(2.5rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))) !important; -} - -.space-x-2 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important; -} - -.space-x-4 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(1rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important; -} - -.space-y-4 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important; -} - -.space-x-10 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(2.5rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse))) !important; -} - -.space-x-2 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important; -} - -.space-y-6 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important; -} - -.space-y-8 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important; -} - -.divide-y-2 > :not([hidden]) ~ :not([hidden]){ - --tw-divide-y-reverse: 0 !important; - border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))) !important; - border-bottom-width: calc(2px * var(--tw-divide-y-reverse)) !important; -} - -.divide-y > :not([hidden]) ~ :not([hidden]){ - --tw-divide-y-reverse: 0 !important; - border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important; - border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important; -} - -.divide-y-2 > :not([hidden]) ~ :not([hidden]){ - --tw-divide-y-reverse: 0 !important; - border-top-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))) !important; - border-bottom-width: calc(2px * var(--tw-divide-y-reverse)) !important; -} - -.divide-gray-50 > :not([hidden]) ~ :not([hidden]){ - --tw-divide-opacity: 1 !important; - border-color: rgb(249 250 251 / var(--tw-divide-opacity)) !important; -} - -.divide-gray-200 > :not([hidden]) ~ :not([hidden]){ - --tw-divide-opacity: 1 !important; - border-color: rgb(229 231 235 / var(--tw-divide-opacity)) !important; -} - -.divide-gray-50 > :not([hidden]) ~ :not([hidden]){ - --tw-divide-opacity: 1 !important; - border-color: rgb(249 250 251 / var(--tw-divide-opacity)) !important; -} - -.overflow-hidden{ - overflow: hidden !important; -} - -.overflow-visible{ - overflow: visible !important; -} - -.overflow-y-auto{ - overflow-y: auto !important; -} - -.overflow-x-hidden{ - overflow-x: hidden !important; -} - -.overflow-x-scroll{ - overflow-x: scroll !important; -} - -.text-ellipsis{ - text-overflow: ellipsis !important; -} - -.rounded-full{ - border-radius: 9999px !important; -} - -.rounded{ - border-radius: 0.25rem !important; -} - -.rounded-lg{ - border-radius: 0.5rem !important; -} - -.rounded-md{ - border-radius: 0.375rem !important; -} - -.rounded-none{ - border-radius: 0px !important; -} - -.rounded-md{ - border-radius: 0.375rem !important; -} - -.rounded-l-md{ - border-top-left-radius: 0.375rem !important; - border-bottom-left-radius: 0.375rem !important; -} - -.rounded-r-md{ - border-top-right-radius: 0.375rem !important; - border-bottom-right-radius: 0.375rem !important; -} - -.border-2{ - border-width: 2px !important; -} - -.border{ - border-width: 1px !important; -} - -.border-4{ - border-width: 4px !important; -} - -.border-0{ - border-width: 0px !important; -} - -.border-b{ - border-bottom-width: 1px !important; -} - -.border-r-0{ - border-right-width: 0px !important; -} - -.border-t{ - border-top-width: 1px !important; -} - -.border-t-2{ - border-top-width: 2px !important; -} - -.border-dashed{ - border-style: dashed !important; -} - -.border-white{ - --tw-border-opacity: 1 !important; - border-color: rgb(255 255 255 / var(--tw-border-opacity)) !important; -} - -.border-gray-600{ - --tw-border-opacity: 1 !important; - border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important; -} - -.border-gray-400{ - --tw-border-opacity: 1 !important; - border-color: rgb(156 163 175 / var(--tw-border-opacity)) !important; -} - -.border-transparent{ - border-color: transparent !important; -} - -.border-black{ - --tw-border-opacity: 1 !important; - border-color: rgb(0 0 0 / var(--tw-border-opacity)) !important; -} - -.border-gray-300{ - --tw-border-opacity: 1 !important; - border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important; -} - -.border-gray-200{ - --tw-border-opacity: 1 !important; - border-color: rgb(229 231 235 / var(--tw-border-opacity)) !important; -} - -.bg-gray-200{ - --tw-bg-opacity: 1 !important; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; -} - -.bg-transparent{ - background-color: transparent !important; -} - -.bg-white{ - --tw-bg-opacity: 1 !important; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; -} - -.bg-gray-50{ - --tw-bg-opacity: 1 !important; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important; -} - -.bg-gray-100{ - --tw-bg-opacity: 1 !important; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; -} - -.bg-gray-300{ - --tw-bg-opacity: 1 !important; - background-color: rgb(209 213 219 / var(--tw-bg-opacity)) !important; -} - -.bg-stone-200{ - --tw-bg-opacity: 1 !important; - background-color: rgb(231 229 228 / var(--tw-bg-opacity)) !important; -} - -.bg-white{ - --tw-bg-opacity: 1 !important; - background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; -} - -.bg-cover{ - background-size: cover !important; -} - -.bg-center{ - background-position: center !important; -} - -.bg-no-repeat{ - background-repeat: no-repeat !important; -} - -.object-cover{ - -o-object-fit: cover !important; - object-fit: cover !important; -} - -.p-4{ - padding: 1rem !important; -} - -.p-8{ - padding: 2rem !important; -} - -.p-3{ - padding: 0.75rem !important; -} - -.p-2{ - padding: 0.5rem !important; -} - -.p-6{ - padding: 1.5rem !important; -} - -.p-2{ - padding: 0.5rem !important; -} - -.py-10{ - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; -} - -.py-2{ - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; -} - -.px-4{ - padding-left: 1rem !important; - padding-right: 1rem !important; -} - -.px-8{ - padding-left: 2rem !important; - padding-right: 2rem !important; -} - -.px-0{ - padding-left: 0px !important; - padding-right: 0px !important; -} - -.py-12{ - padding-top: 3rem !important; - padding-bottom: 3rem !important; -} - -.px-12{ - padding-left: 3rem !important; - padding-right: 3rem !important; -} - -.py-1{ - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; -} - -.py-5{ - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; -} - -.px-3{ - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; -} - -.px-6{ - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; -} - -.py-3{ - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; -} - -.px-5{ - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; -} - -.px-2{ - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; -} - -.py-4{ - padding-top: 1rem !important; - padding-bottom: 1rem !important; -} - -.py-2{ - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; -} - -.px-6{ - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; -} - -.py-4{ - padding-top: 1rem !important; - padding-bottom: 1rem !important; -} - -.px-8{ - padding-left: 2rem !important; - padding-right: 2rem !important; -} - -.py-3{ - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; -} - -.pl-3{ - padding-left: 0.75rem !important; -} - -.pt-24{ - padding-top: 6rem !important; -} - -.pt-16{ - padding-top: 4rem !important; -} - -.pt-8{ - padding-top: 2rem !important; -} - -.pt-4{ - padding-top: 1rem !important; -} - -.pb-10{ - padding-bottom: 2.5rem !important; -} - -.pb-0{ - padding-bottom: 0px !important; -} - -.pt-6{ - padding-top: 1.5rem !important; -} - -.pt-12{ - padding-top: 3rem !important; -} - -.pr-20{ - padding-right: 5rem !important; -} - -.pl-20{ - padding-left: 5rem !important; -} - -.pt-5{ - padding-top: 1.25rem !important; -} - -.pb-6{ - padding-bottom: 1.5rem !important; -} - -.pl-1{ - padding-left: 0.25rem !important; -} - -.pt-1{ - padding-top: 0.25rem !important; -} - -.pt-2{ - padding-top: 0.5rem !important; -} - -.pb-4{ - padding-bottom: 1rem !important; -} - -.pb-12{ - padding-bottom: 3rem !important; -} - -.pl-12{ - padding-left: 3rem !important; -} - -.pb-2{ - padding-bottom: 0.5rem !important; -} - -.pl-6{ - padding-left: 1.5rem !important; -} - -.pr-2{ - padding-right: 0.5rem !important; -} - -.pb-6{ - padding-bottom: 1.5rem !important; -} - -.pb-12{ - padding-bottom: 3rem !important; -} - -.pl-12{ - padding-left: 3rem !important; -} - -.pt-6{ - padding-top: 1.5rem !important; -} - -.pb-4{ - padding-bottom: 1rem !important; -} - -.text-left{ - text-align: left !important; -} - -.text-center{ - text-align: center !important; -} - -.text-right{ - text-align: right !important; -} - -.font-serif{ - font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif !important; -} - -.text-2xl{ - font-size: 1.5rem !important; -} - -.text-xs{ - font-size: .75rem !important; -} - -.text-sm{ - font-size: .875rem !important; -} - -.text-5xl{ - font-size: 3rem !important; -} - -.text-xl{ - font-size: 1.25rem !important; -} - -.text-4xl{ - font-size: 2.25rem !important; -} - -.text-lg{ - font-size: 1.125rem !important; -} - -.text-base{ - font-size: 1rem !important; -} - -.text-3xl{ - font-size: 1.875rem !important; -} - -.text-md{ - font-size: 1.05rem !important; -} - -.text-lg{ - font-size: 1.125rem !important; -} - -.text-sm{ - font-size: .875rem !important; -} - -.text-base{ - font-size: 1rem !important; -} - -.font-medium{ - font-weight: 500 !important; -} - -.font-black{ - font-weight: 900 !important; -} - -.font-normal{ - font-weight: 400 !important; -} - -.font-light{ - font-weight: 300 !important; -} - -.font-semibold{ - font-weight: 600 !important; -} - -.font-extrabold{ - font-weight: 800 !important; -} - -.font-bold{ - font-weight: 700 !important; -} - -.font-normal{ - font-weight: 400 !important; -} - -.uppercase{ - text-transform: uppercase !important; -} - -.capitalize{ - text-transform: capitalize !important; -} - -.not-italic{ - font-style: normal !important; -} - -.leading-none{ - line-height: 1 !important; -} - -.leading-8{ - line-height: 2rem !important; -} - -.leading-snug{ - line-height: 1.375 !important; -} - -.leading-6{ - line-height: 1.5rem !important; -} - -.leading-4{ - line-height: 1rem !important; -} - -.leading-3{ - line-height: .75rem !important; -} - -.leading-7{ - line-height: 1.75rem !important; -} - -.leading-5{ - line-height: 1.25rem !important; -} - -.leading-tight{ - line-height: 1.25 !important; -} - -.leading-relaxed{ - line-height: 1.625 !important; -} - -.leading-6{ - line-height: 1.5rem !important; -} - -.leading-3{ - line-height: .75rem !important; -} - -.tracking-tight{ - letter-spacing: -0.025em !important; -} - -.tracking-wide{ - letter-spacing: 0.025em !important; -} - -.text-gray-700{ - --tw-text-opacity: 1 !important; - color: rgb(55 65 81 / var(--tw-text-opacity)) !important; -} - -.text-gray-600{ - --tw-text-opacity: 1 !important; - color: rgb(75 85 99 / var(--tw-text-opacity)) !important; -} - -.text-gray-800{ - --tw-text-opacity: 1 !important; - color: rgb(31 41 55 / var(--tw-text-opacity)) !important; -} - -.text-gray-900{ - --tw-text-opacity: 1 !important; - color: rgb(17 24 39 / var(--tw-text-opacity)) !important; -} - -.text-black{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 0 / var(--tw-text-opacity)) !important; -} - -.text-gray-400{ - --tw-text-opacity: 1 !important; - color: rgb(156 163 175 / var(--tw-text-opacity)) !important; -} - -.text-gray-500{ - --tw-text-opacity: 1 !important; - color: rgb(107 114 128 / var(--tw-text-opacity)) !important; -} - -.text-gray-300{ - --tw-text-opacity: 1 !important; - color: rgb(209 213 219 / var(--tw-text-opacity)) !important; -} - -.text-white{ - --tw-text-opacity: 1 !important; - color: rgb(255 255 255 / var(--tw-text-opacity)) !important; -} - -.text-blue-700{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 170 / var(--tw-text-opacity)) !important; -} - -.text-blue-500{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 255 / var(--tw-text-opacity)) !important; -} - -.text-blue-400{ - --tw-text-opacity: 1 !important; - color: rgb(0 51 255 / var(--tw-text-opacity)) !important; -} - -.text-blue-500{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 255 / var(--tw-text-opacity)) !important; -} - -.text-gray-900{ - --tw-text-opacity: 1 !important; - color: rgb(17 24 39 / var(--tw-text-opacity)) !important; -} - -.text-gray-400{ - --tw-text-opacity: 1 !important; - color: rgb(156 163 175 / var(--tw-text-opacity)) !important; -} - -.text-gray-500{ - --tw-text-opacity: 1 !important; - color: rgb(107 114 128 / var(--tw-text-opacity)) !important; -} - -.opacity-0{ - opacity: 0 !important; -} - -.opacity-100{ - opacity: 1 !important; -} - -.opacity-0{ - opacity: 0 !important; -} - -.opacity-100{ - opacity: 1 !important; -} - -.shadow{ - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.shadow-sm{ - --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05) !important; - --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.\!shadow-none{ - --tw-shadow: 0 0 #0000 !important; - --tw-shadow-colored: 0 0 #0000 !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.shadow-lg{ - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.shadow-md{ - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1) !important; - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.shadow{ - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.shadow-lg{ - --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; - --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.grayscale{ - --tw-grayscale: grayscale(100%) !important; - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; -} - -.filter{ - filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; -} - -.backdrop-blur{ - --tw-backdrop-blur: blur(8px) !important; - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; -} - -.transition-all{ - transition-property: all !important; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - transition-duration: 150ms !important; -} - -.transition-transform{ - transition-property: transform !important; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - transition-duration: 150ms !important; -} - -.transition{ - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - transition-duration: 150ms !important; -} - -.transition-shadow{ - transition-property: box-shadow !important; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - transition-duration: 150ms !important; -} - -.transition{ - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter !important; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - transition-duration: 150ms !important; -} - -.transition-transform{ - transition-property: transform !important; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; - transition-duration: 150ms !important; -} - -.duration-200{ - transition-duration: 200ms !important; -} - -.duration-100{ - transition-duration: 100ms !important; -} - -.duration-75{ - transition-duration: 75ms !important; -} - -.duration-150{ - transition-duration: 150ms !important; -} - -.duration-500{ - transition-duration: 500ms !important; -} - -.duration-300{ - transition-duration: 300ms !important; -} - -.duration-200{ - transition-duration: 200ms !important; -} - -.duration-150{ - transition-duration: 150ms !important; -} - -.duration-100{ - transition-duration: 100ms !important; -} - -.ease-out{ - transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; -} - -.ease-in{ - transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; -} - -.ease-in-out{ - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; -} - -.ease-in{ - transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; -} - -.ease-out{ - transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; -} - -.ease-in-out{ - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; -} - -/* Custom CSS for header partial */ - -.backdrop-blur { - -webkit-backdrop-filter: blur(40px); -} - -* { - font-family: "Inter", sans-serif; -} - -.bg-semi-white { - background-color: rgba(255, 255, 255, 0.75); -} - -/* Custom css allowing image styling in markdown */ - -img[src*="#mx-auto"] { - margin: auto; -} - -img[src*="#small"] { - width: 68px; -} - -img[src*="#medium"] { - width: 400px; - margin: auto; -} - -img[src*="#logo"] { - max-width: min(250px, 100%); - margin: auto; -} - -img[src*="#large"] { - width: 1000px; - margin: auto; -} - -img[src*="#tft_img"] { - width: 150px; - margin: 8px; -} - -img[src*="#absolute"] { - position: absolute; - left: 0; - top: 0; -} - -.footer-cust a{ - color: #999; -} - -.footer-cust a:hover { - color: rgb(65, 65, 65); -} - -.footer-cust h6{ - margin-bottom: 15px; -} - -.logo_size{ - width:200px -} - -h1 { - line-height: 4rem; -} - -.nav p > a { - display: flex; - width: 100%; - flex-direction: column; - align-items: flex-start; - text-align: left; - line-height: 1.5rem; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; - border-radius: 0.25rem; - border-color: transparent; - padding: 0.5rem; - margin-top: 0.75rem; - margin-bottom: 0.75rem; - display: inline-block; - border-width: 2px; - border-color: rgb(0 0 0 / var(--tw-border-opacity)); - padding-left: 3rem; - padding-right: 3rem; - padding-top: 0.25rem; - padding-bottom: 0.25rem; - text-transform: capitalize; - box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); -} - -.nav p > a:hover { - --tw-border-opacity: 1; - border-color: rgb(231 229 228 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(245 245 244 / var(--tw-bg-opacity)); -} - -.article p{ - font-size: 1.125rem; - font-family: Inter,sans-serif!important; - line-height: 1.7; - color:#333 -} - -.post-content-text a, .article a{ - color: #4ec48f; -} - -.post-content-text a:hover, .article a:hover{ - color: #2e9969; -} - -.article li{ - font-size: 1.125rem; -} - -.main-title { - font-family: Inter,sans-serif!important; -} - -button:hover :is(:where(a)) { - color: #5e5e5e; -} - -button :is(:where(p)) { - color: #3d3b39; - font-weight: 400; -} - -button a{ - padding-left: 3rem; - padding-right: 3rem; - --tw-text-opacity: 1; - color: rgb(0 0 0 / var(--tw-text-opacity)); -} - -a { - border-width: 0px; -} - -header { - font-family: "Work Sans"; -} - -.nav_btn { - margin: 0 !important; - padding: 0 !important; - border: none !important; - box-shadow: none !important; -} - -.quicklinks { - box-sizing: border-box; - align-items: center; - width: auto; - margin: 0 auto; - border-radius: 10px; - margin-top: 30px; - flex-wrap: wrap; - margin-bottom: 20px; -} - -.quicklinks img { - height: auto; - max-width: 200px; - display: inline-block; - padding: 10px; - filter: grayscale(100%); - position: relative; - transition: all 0.2s ease; - opacity: 0.5; -} - -.quicklinks img:hover { - opacity: 1; - transition: all 0.2s ease; - filter: grayscale(0%); -} - -.banner { - width: 100%; - margin: 0; - padding: 120px 0; - text-align: center; - position: relative; - display: block; - color: #fff !important; - letter-spacing: 0.5px; - overflow: hidden; - background: #00838d; - transition: 1.5s; -} - -.header { - height: auto; - background: none; - padding: 200px 0; -} - -.banner h2, -.header h1 { - margin: auto; - color: #fff; - position: relative; - transition: 0.3s; - z-index: 1; - white-space: nowrap; -} - -.header h1 { - color: #000; - transition: none; -} - -.banner h2 svg { - font-size: 40px; - margin-left: 15px; - position: absolute; - top: 55%; - transform: translateY(-50%) scale(0.5); - opacity: 0; - transition: 0.3s; -} - -.banner .back { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - background-position: center; - background-size: cover; - filter: grayscale(1) contrast(1.4); - opacity: 0.25; - transition: 1.5s; -} - -.header .back { - filter: none; - opacity: 1; - background-position: center; - background-size: cover; - background-repeat: no-repeat; -} - -.banner:hover { - background: #4b3a92; -} - -.header:hover { - background: none; -} - -.banner:hover h2 svg { - transform: translateY(-50%) scale(1); - opacity: 1; -} - -.banner:hover h2 { - padding-right: 40px; -} - -.header:hover h1 { - padding-right: 0; -} - -.banner:hover .back { - transform: scale(1.03); -} - -.header:hover .back { - transform: none; -} - -.my-test{ - font-family: "Work Sans", sans-serif !important; -} - -.post-content-text .my-test { - font-family: "Work Sans", sans-serif !important; - line-height: 1.7; -} - -.post-content-text h2 { - font-family: Inter,sans-serif!important; - line-height: 1.5; - font-size: 2.25rem; - font-weight: 700; -} - -.container-fluid { - width: 100%; - /* padding-right: 15px; - padding-left: 15px; */ - margin-right: auto; - margin-left: auto; -} - -.zola-anchor { - display: none; -} - -@media (min-width: 1024px){ - h2 { - font-size: 3.5rem; - } -} - -@media (max-width: 640px) { - .banner h2 { - font: 600 7vw/10vw; - } - - .header h1 { - font-size: 35px; - } - - .banner h2 svg { - font-size: 30px; - } -} - -@media (max-width: 480px) { - .banner, - .header { - padding: 80px 0; - } - - img[src*="#sm_none"] { - display: none; - } -} - -header #menu button{ - margin-top: 0.75rem; - margin-bottom: 0.75rem; - display: flex; - width: 100%; - flex-direction: column; - align-items: flex-start; - border-radius: 0.25rem; - border-width: 2px; - --tw-border-opacity: 1; - border-color: rgb(0 0 0 / var(--tw-border-opacity)); - border-color: transparent; - padding: 0.5rem; - padding-left: 1.5rem; - padding-right: 1.5rem; - padding-top: 0.25rem; - padding-bottom: 0.25rem; - text-align: left; - text-transform: capitalize; - line-height: 1.5rem; - --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); - transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - -header #menu button:hover{ - --tw-border-opacity: 1; - border-color: rgb(231 229 228 / var(--tw-border-opacity)); - --tw-bg-opacity: 1; - background-color: rgb(245 245 244 / var(--tw-bg-opacity)); -} - -header #menu button:first-child:hover{ - --tw-text-opacity: 1; - color: rgb(107 114 128 / var(--tw-text-opacity)); -} - -@media (min-width: 1024px){ - header #menu button{ - margin-right: 1.25rem; - font-size: 1.125rem; - } -} - -header #menu button a{ - padding-left: 0px; - padding-right: 0px; -} - -.focus-within\:outline-none:focus-within{ - outline: 2px solid transparent !important; - outline-offset: 2px !important; -} - -.focus-within\:ring-2:focus-within{ - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; -} - -.focus-within\:ring-offset-2:focus-within{ - --tw-ring-offset-width: 2px !important; -} - -.hover\:border-blue-500:hover{ - --tw-border-opacity: 1 !important; - border-color: rgb(0 0 255 / var(--tw-border-opacity)) !important; -} - -.hover\:border-stone-200:hover{ - --tw-border-opacity: 1 !important; - border-color: rgb(231 229 228 / var(--tw-border-opacity)) !important; -} - -.hover\:bg-gray-400:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(156 163 175 / var(--tw-bg-opacity)) !important; -} - -.hover\:bg-gray-50:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important; -} - -.hover\:bg-gray-200:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; -} - -.hover\:bg-gray-100:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; -} - -.hover\:bg-stone-100:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(245 245 244 / var(--tw-bg-opacity)) !important; -} - -.hover\:bg-gray-100:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; -} - -.hover\:text-blue-700:hover{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 170 / var(--tw-text-opacity)) !important; -} - -.hover\:text-black:hover{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 0 / var(--tw-text-opacity)) !important; -} - -.hover\:text-gray-900:hover{ - --tw-text-opacity: 1 !important; - color: rgb(17 24 39 / var(--tw-text-opacity)) !important; -} - -.hover\:text-gray-500:hover{ - --tw-text-opacity: 1 !important; - color: rgb(107 114 128 / var(--tw-text-opacity)) !important; -} - -.hover\:text-blue-300:hover{ - --tw-text-opacity: 1 !important; - color: rgb(0 136 255 / var(--tw-text-opacity)) !important; -} - -.hover\:\!text-gray-700:hover{ - --tw-text-opacity: 1 !important; - color: rgb(55 65 81 / var(--tw-text-opacity)) !important; -} - -.hover\:text-gray-500:hover{ - --tw-text-opacity: 1 !important; - color: rgb(107 114 128 / var(--tw-text-opacity)) !important; -} - -.hover\:text-blue-300:hover{ - --tw-text-opacity: 1 !important; - color: rgb(0 136 255 / var(--tw-text-opacity)) !important; -} - -.hover\:text-gray-900:hover{ - --tw-text-opacity: 1 !important; - color: rgb(17 24 39 / var(--tw-text-opacity)) !important; -} - -.hover\:underline:hover{ - -webkit-text-decoration-line: underline !important; - text-decoration-line: underline !important; -} - -.hover\:shadow-xl:hover{ - --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1) !important; - --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color) !important; - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; -} - -.hover\:first\:text-gray-500:first-child:hover{ - --tw-text-opacity: 1 !important; - color: rgb(107 114 128 / var(--tw-text-opacity)) !important; -} - -.focus\:bg-gray-200:focus{ - --tw-bg-opacity: 1 !important; - background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; -} - -.focus\:bg-gray-100:focus{ - --tw-bg-opacity: 1 !important; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; -} - -.focus\:text-gray-900:focus{ - --tw-text-opacity: 1 !important; - color: rgb(17 24 39 / var(--tw-text-opacity)) !important; -} - -.focus\:text-gray-500:focus{ - --tw-text-opacity: 1 !important; - color: rgb(107 114 128 / var(--tw-text-opacity)) !important; -} - -.focus\:text-gray-900:focus{ - --tw-text-opacity: 1 !important; - color: rgb(17 24 39 / var(--tw-text-opacity)) !important; -} - -.focus\:outline-none:focus{ - outline: 2px solid transparent !important; - outline-offset: 2px !important; -} - -.focus\:ring-2:focus{ - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; -} - -.focus\:ring-offset-2:focus{ - --tw-ring-offset-width: 2px !important; -} - -@media (prefers-color-scheme: dark){ - .dark\:bg-gray-700{ - --tw-bg-opacity: 1 !important; - background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important; - } - - .dark\:bg-transparent{ - background-color: transparent !important; - } - - .dark\:text-gray-200{ - --tw-text-opacity: 1 !important; - color: rgb(229 231 235 / var(--tw-text-opacity)) !important; - } - - .dark\:hover\:bg-gray-600:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(75 85 99 / var(--tw-bg-opacity)) !important; - } - - .dark\:hover\:text-white:hover{ - --tw-text-opacity: 1 !important; - color: rgb(255 255 255 / var(--tw-text-opacity)) !important; - } - - .dark\:focus\:text-white:focus{ - --tw-text-opacity: 1 !important; - color: rgb(255 255 255 / var(--tw-text-opacity)) !important; - } -} - -@media (min-width: 640px){ - .sm\:col-span-2{ - grid-column: span 2 / span 2 !important; - } - - .sm\:mx-0{ - margin-left: 0px !important; - margin-right: 0px !important; - } - - .sm\:-mx-4{ - margin-left: -1rem !important; - margin-right: -1rem !important; - } - - .sm\:-mx-12{ - margin-left: -3rem !important; - margin-right: -3rem !important; - } - - .sm\:mt-0{ - margin-top: 0px !important; - } - - .sm\:mt-8{ - margin-top: 2rem !important; - } - - .sm\:mt-0{ - margin-top: 0px !important; - } - - .sm\:flex{ - display: flex !important; - } - - .sm\:grid{ - display: grid !important; - } - - .sm\:h-10{ - height: 2.5rem !important; - } - - .sm\:h-2\/3{ - height: 66.666667% !important; - } - - .sm\:w-10{ - width: 2.5rem !important; - } - - .sm\:w-32{ - width: 8rem !important; - } - - .sm\:w-1\/2{ - width: 50% !important; - } - - .sm\:flex-1{ - flex: 1 1 0% !important; - } - - .sm\:grid-cols-4{ - grid-template-columns: repeat(4, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-1{ - grid-template-columns: repeat(1, minmax(0, 1fr)) !important; - } - - .sm\:grid-cols-2{ - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; - } - - .sm\:gap-6{ - gap: 1.5rem !important; - } - - .sm\:gap-10{ - gap: 2.5rem !important; - } - - .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important; - } - - .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(1rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))) !important; - } - - .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(0px * var(--tw-space-y-reverse)) !important; - } - - .sm\:space-y-8 > :not([hidden]) ~ :not([hidden]){ - --tw-space-y-reverse: 0 !important; - margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important; - margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important; - } - - .sm\:overflow-hidden{ - overflow: hidden !important; - } - - .sm\:rounded-md{ - border-radius: 0.375rem !important; - } - - .sm\:border-0{ - border-width: 0px !important; - } - - .sm\:border-r{ - border-right-width: 1px !important; - } - - .sm\:border-l{ - border-left-width: 1px !important; - } - - .sm\:bg-transparent{ - background-color: transparent !important; - } - - .sm\:p-12{ - padding: 3rem !important; - } - - .sm\:p-6{ - padding: 1.5rem !important; - } - - .sm\:p-0{ - padding: 0px !important; - } - - .sm\:p-6{ - padding: 1.5rem !important; - } - - .sm\:px-6{ - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; - } - - .sm\:px-0{ - padding-left: 0px !important; - padding-right: 0px !important; - } - - .sm\:px-12{ - padding-left: 3rem !important; - padding-right: 3rem !important; - } - - .sm\:px-8{ - padding-left: 2rem !important; - padding-right: 2rem !important; - } - - .sm\:py-6{ - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - - .sm\:px-4{ - padding-left: 1rem !important; - padding-right: 1rem !important; - } - - .sm\:px-12{ - padding-left: 3rem !important; - padding-right: 3rem !important; - } - - .sm\:pb-8{ - padding-bottom: 2rem !important; - } - - .sm\:pt-16{ - padding-top: 4rem !important; - } - - .sm\:pb-16{ - padding-bottom: 4rem !important; - } - - .sm\:pb-8{ - padding-bottom: 2rem !important; - } - - .sm\:text-3xl{ - font-size: 1.875rem !important; - } - - .sm\:text-sm{ - font-size: .875rem !important; - } - - .sm\:leading-10{ - line-height: 2.5rem !important; - } -} - -@media (min-width: 768px){ - .md\:order-2{ - order: 2 !important; - } - - .md\:order-last{ - order: 9999 !important; - } - - .md\:col-span-2{ - grid-column: span 2 / span 2 !important; - } - - .md\:mx-8{ - margin-left: 2rem !important; - margin-right: 2rem !important; - } - - .md\:mx-0{ - margin-left: 0px !important; - margin-right: 0px !important; - } - - .md\:mx-12{ - margin-left: 3rem !important; - margin-right: 3rem !important; - } - - .md\:mx-4{ - margin-left: 1rem !important; - margin-right: 1rem !important; - } - - .md\:-mx-16{ - margin-left: -4rem !important; - margin-right: -4rem !important; - } - - .md\:mt-0{ - margin-top: 0px !important; - } - - .md\:mb-10{ - margin-bottom: 2.5rem !important; - } - - .md\:-mt-1{ - margin-top: -0.25rem !important; - } - - .md\:mb-0{ - margin-bottom: 0px !important; - } - - .md\:mt-0{ - margin-top: 0px !important; - } - - .md\:block{ - display: block !important; - } - - .md\:inline-block{ - display: inline-block !important; - } - - .md\:inline{ - display: inline !important; - } - - .md\:grid{ - display: grid !important; - } - - .md\:w-5\/6{ - width: 83.333333% !important; - } - - .md\:w-1\/6{ - width: 16.666667% !important; - } - - .md\:w-full{ - width: 100% !important; - } - - .md\:w-2\/3{ - width: 66.666667% !important; - } - - .md\:w-auto{ - width: auto !important; - } - - .md\:w-48{ - width: 12rem !important; - } - - .md\:max-w-full{ - max-width: 100% !important; - } - - .md\:grid-cols-2{ - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; - } - - .md\:grid-cols-3{ - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; - } - - .md\:flex-row{ - flex-direction: row !important; - } - - .md\:gap-12{ - gap: 3rem !important; - } - - .md\:gap-8{ - gap: 2rem !important; - } - - .md\:p-16{ - padding: 4rem !important; - } - - .md\:p-8{ - padding: 2rem !important; - } - - .md\:px-16{ - padding-left: 4rem !important; - padding-right: 4rem !important; - } - - .md\:px-12{ - padding-left: 3rem !important; - padding-right: 3rem !important; - } - - .md\:px-6{ - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; - } - - .md\:py-2{ - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .md\:px-12{ - padding-left: 3rem !important; - padding-right: 3rem !important; - } - - .md\:px-16{ - padding-left: 4rem !important; - padding-right: 4rem !important; - } - - .md\:pl-8{ - padding-left: 2rem !important; - } - - .md\:pr-0{ - padding-right: 0px !important; - } - - .md\:text-left{ - text-align: left !important; - } - - .md\:text-4xl{ - font-size: 2.25rem !important; - } - - .md\:text-6xl{ - font-size: 4rem !important; - } - - .md\:text-2xl{ - font-size: 1.5rem !important; - } -} - -@media (min-width: 1024px){ - .lg\:m-4{ - margin: 1rem !important; - } - - .lg\:m-0{ - margin: 0px !important; - } - - .lg\:m-20{ - margin: 5rem !important; - } - - .lg\:mx-4{ - margin-left: 1rem !important; - margin-right: 1rem !important; - } - - .lg\:mx-20{ - margin-left: 5rem !important; - margin-right: 5rem !important; - } - - .lg\:mx-40{ - margin-left: 10rem !important; - margin-right: 10rem !important; - } - - .lg\:mx-10{ - margin-left: 2.5rem !important; - margin-right: 2.5rem !important; - } - - .lg\:-mx-20{ - margin-left: -5rem !important; - margin-right: -5rem !important; - } - - .lg\:my-40{ - margin-top: 10rem !important; - margin-bottom: 10rem !important; - } - - .lg\:mx-auto{ - margin-left: auto !important; - margin-right: auto !important; - } - - .lg\:-mx-12{ - margin-left: -3rem !important; - margin-right: -3rem !important; - } - - .lg\:my-32{ - margin-top: 8rem !important; - margin-bottom: 8rem !important; - } - - .lg\:mx-20{ - margin-left: 5rem !important; - margin-right: 5rem !important; - } - - .lg\:mb-8{ - margin-bottom: 2rem !important; - } - - .lg\:-mt-6{ - margin-top: -1.5rem !important; - } - - .lg\:mt-6{ - margin-top: 1.5rem !important; - } - - .lg\:mr-24{ - margin-right: 6rem !important; - } - - .lg\:mt-16{ - margin-top: 4rem !important; - } - - .lg\:ml-8{ - margin-left: 2rem !important; - } - - .lg\:mt-0{ - margin-top: 0px !important; - } - - .lg\:mr-8{ - margin-right: 2rem !important; - } - - .lg\:mr-16{ - margin-right: 4rem !important; - } - - .lg\:mt-4{ - margin-top: 1rem !important; - } - - .lg\:mt-0{ - margin-top: 0px !important; - } - - .lg\:mr-8{ - margin-right: 2rem !important; - } - - .lg\:mb-8{ - margin-bottom: 2rem !important; - } - - .lg\:flex{ - display: flex !important; - } - - .lg\:hidden{ - display: none !important; - } - - .lg\:h-60{ - height: 15rem !important; - } - - .lg\:w-4\/6{ - width: 66.666667% !important; - } - - .lg\:w-5\/6{ - width: 83.333333% !important; - } - - .lg\:w-2\/3{ - width: 66.666667% !important; - } - - .lg\:w-full{ - width: 100% !important; - } - - .lg\:w-60{ - width: 15rem !important; - } - - .lg\:max-w-none{ - max-width: none !important; - } - - .lg\:max-w-5xl{ - max-width: 64rem !important; - } - - .lg\:max-w-sm{ - max-width: 24rem !important; - } - - .lg\:max-w-xl{ - max-width: 36rem !important; - } - - .lg\:max-w-4xl{ - max-width: 56rem !important; - } - - .lg\:max-w-6xl{ - max-width: 72rem !important; - } - - .lg\:max-w-lg{ - max-width: 32rem !important; - } - - .lg\:flex-1{ - flex: 1 1 0% !important; - } - - .lg\:grid-cols-2{ - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; - } - - .lg\:grid-cols-3{ - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; - } - - .lg\:flex-row{ - flex-direction: row !important; - } - - .lg\:items-start{ - align-items: flex-start !important; - } - - .lg\:items-center{ - align-items: center !important; - } - - .lg\:justify-start{ - justify-content: flex-start !important; - } - - .lg\:justify-end{ - justify-content: flex-end !important; - } - - .lg\:justify-between{ - justify-content: space-between !important; - } - - .lg\:gap-8{ - gap: 2rem !important; - } - - .lg\:space-x-20 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(5rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))) !important; - } - - .lg\:space-x-12 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(3rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))) !important; - } - - .lg\:space-x-6 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(1.5rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse))) !important; - } - - .lg\:space-x-20 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(5rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse))) !important; - } - - .lg\:space-x-12 > :not([hidden]) ~ :not([hidden]){ - --tw-space-x-reverse: 0 !important; - margin-right: calc(3rem * var(--tw-space-x-reverse)) !important; - margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse))) !important; - } - - .lg\:p-20{ - padding: 5rem !important; - } - - .lg\:p-12{ - padding: 3rem !important; - } - - .lg\:py-16{ - padding-top: 4rem !important; - padding-bottom: 4rem !important; - } - - .lg\:px-8{ - padding-left: 2rem !important; - padding-right: 2rem !important; - } - - .lg\:px-20{ - padding-left: 5rem !important; - padding-right: 5rem !important; - } - - .lg\:px-12{ - padding-left: 3rem !important; - padding-right: 3rem !important; - } - - .lg\:py-8{ - padding-top: 2rem !important; - padding-bottom: 2rem !important; - } - - .lg\:px-5{ - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; - } - - .lg\:py-20{ - padding-top: 5rem !important; - padding-bottom: 5rem !important; - } - - .lg\:px-16{ - padding-left: 4rem !important; - padding-right: 4rem !important; - } - - .lg\:py-28{ - padding-top: 7rem !important; - padding-bottom: 7rem !important; - } - - .lg\:px-6{ - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; - } - - .lg\:py-2{ - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .lg\:py-5{ - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; - } - - .lg\:px-20{ - padding-left: 5rem !important; - padding-right: 5rem !important; - } - - .lg\:pl-0{ - padding-left: 0px !important; - } - - .lg\:pt-6{ - padding-top: 1.5rem !important; - } - - .lg\:pt-4{ - padding-top: 1rem !important; - } - - .lg\:pb-28{ - padding-bottom: 7rem !important; - } - - .lg\:pb-10{ - padding-bottom: 2.5rem !important; - } - - .lg\:text-5xl{ - font-size: 3rem !important; - } - - .lg\:text-6xl{ - font-size: 4rem !important; - } - - .lg\:backdrop-blur{ - --tw-backdrop-blur: blur(8px) !important; - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; - } -} - -@media (min-width: 1280px){ - .xl\:col-span-1{ - grid-column: span 1 / span 1 !important; - } - - .xl\:mx-20{ - margin-left: 5rem !important; - margin-right: 5rem !important; - } - - .xl\:mx-40{ - margin-left: 10rem !important; - margin-right: 10rem !important; - } - - .xl\:mx-0{ - margin-left: 0px !important; - margin-right: 0px !important; - } - - .xl\:-mx-8{ - margin-left: -2rem !important; - margin-right: -2rem !important; - } - - .xl\:mx-20{ - margin-left: 5rem !important; - margin-right: 5rem !important; - } - - .xl\:mt-0{ - margin-top: 0px !important; - } - - .xl\:flex{ - display: flex !important; - } - - .xl\:max-w-sm{ - max-width: 24rem !important; - } - - .xl\:max-w-none{ - max-width: none !important; - } - - .xl\:max-w-lg{ - max-width: 32rem !important; - } - - .xl\:grid-cols-4{ - grid-template-columns: repeat(4, minmax(0, 1fr)) !important; - } - - .xl\:grid-cols-3{ - grid-template-columns: repeat(3, minmax(0, 1fr)) !important; - } - - .xl\:flex-row{ - flex-direction: row !important; - } - - .xl\:gap-4{ - gap: 1rem !important; - } - - .xl\:p-12{ - padding: 3rem !important; - } - - .xl\:py-12{ - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - - .xl\:backdrop-blur{ - --tw-backdrop-blur: blur(8px) !important; - -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; - backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important; - } -} - -@media (min-width: 1450px){ - .\32xl\:mt-0{ - margin-top: 0px !important; - } -} \ No newline at end of file