diff --git a/content/_index.md b/content/_index.md index f80462c0f..d2b976527 100644 --- a/content/_index.md +++ b/content/_index.md @@ -7,4 +7,198 @@ draft: false extra: author: Your name here imgPath: images/threefold_globe.png ---- \ No newline at end of file +--- + + + + +{% row(style="center") %} + +
+
+ +![Image](images/black_threefold_header.png#mx-auto#medium) + +
+ +## The (Re)Birth of **the Internet.** + +ThreeFold is a peer-to-peer open-source Internet platform that connects users directly with
local Internet capacity provided by farmers. No intermediaries such as centralized servers. + +{% end %} + +{% row(style="center narrow") %} + + + +||| + + + +||| + + + +||| + + + +{% end %} + + + + +{% grid_stats() %} + +### The ThreeFold Grid v3.7.0 + +## **Live and Operational** + +{% end %} + + + + +{% row(style="center narrow") %} + +## Together **We Build.** + +The future is about decentralization, participation, and working together to achieve our goals. As a decentralized movement, we encourage the community to get involved. This new Internet can only succeed if we find ways to collaborate where we together pull this Internet concept forward. Below, please find some of the ways you can join us in building a better Internet. + +{% end %} + +{% row(style="center narrow") %} + +![Image](images/become_farmer_new.jpg#mx-auto) + +
+ +### Farm Local Internet Capacity **and Earn TFT** + +By connecting hardware at your home or office – or anywhere you'd like – you provide Internet capacity for the people around you and earn a new digital currency, TFT. + +{% end %} + +{% row(style="center narrow") %} + + + +||| + + + +||| + + + +{% end %} + +{% row(style="center narrow") %} + +![Image](images/network_new.jpg#mx-auto) + +
+ +### Build On Top of a **Decentralized Infrastructure** + +True digital sovereignty for open-source builders. The ThreeFold Grid provides limitless possibilities, and brings a playground of industry-compatible easy-to-deploy solutions for developers. + +{% end %} + +{% row(style="center narrow") %} + + + +||| + + + +||| + + + +{% end %} + + + +{% featured_stories() %} + +## Featured Stories + +{% end %} + + + +{% team_sec() %} + +## **The Team** + +{% end %} + + + +{% row(style="center margin") %} + +## Believers and Collaborators
**In a Better Internet** + +We are truly proud to be trusted by some of the biggest names in the industry. + +![Image](images/ourpartners.png#mx-auto) + + + +{% end %} + +
+ +
+ + + +{% row(style="center") %} + +## **In the News** + +{% end %} + +{% row(style="center between") %} + +[![forbes](images/forbes.png#mx-auto)](https://www.forbes.com/sites/johnkoetsier/2020/06/20/largest-distributed-peer-to-peer-grid-on-the-planet-laying-foundation-for-a-decentralized-internet/?fbclid=IwAR1WKCpqLcWPRWg5bPD6RCQE5JJjRPt6ey5vbEnu3db2FvJnp6-YKeVZNW8#79aa340e6798) + +||| + +[![cointelegraph](images/cointelegraph.png#mx-auto)](https://cointelegraph.com/news/peer-to-peer-internet-has-lofty-goal-to-bring-true-decentralization) + +||| + +[![yahoo_news](images/yahoo_news.png#mx-auto)](https://news.yahoo.com/news/threefold-set-disrupt-status-quo-051457787.html?guccounter=1) + +{% end %} + +{% row(style="center between") %} + +[![hackernoon](images/hackernoon.png#mx-auto)](https://hackernoon.com/is-it-possible-to-create-a-decentralized-internet-this-startup-and-its-farmers-think-so-ey2e3ycf) + +||| + +[![smartereum](images/smartereum.png#mx-auto)](https://smartereum.com/189750/threefold-is-audaciously-building-a-new-decentralized-internet/) + +||| + +[![tga_daily](images/tga_daily.png#mx-auto)](https://tgdaily.com/web/6-dfinity-threefold-are-leading-an-internet-decentralization-revolution/) + +{% end %} + +{% row(style="center between") %} + +[![cointelegraph](images/cointelegraph.png#mx-auto)](https://cointelegraph-com.cdn.ampproject.org/c/s/cointelegraph.com/news/is-a-new-decentralized-internet-or-web-3-0-possible/amp) + +||| + +[![banklesstimes](images/banklesstimes.png#mx-auto)](https://www.banklesstimes.com/2021/06/14/threefolds-green-technology-strategy-to-a-fairer-more-sustainable-world/) + +||| + +[![grit_daily](images/grit_daily.png#mx-auto)](https://gritdaily.com/belarus-governments-control-internet/) + +{% end %} diff --git a/content/blog/open_invitation_for_testing/index.md b/content/blog/open_invitation_for_testing/index.md new file mode 100644 index 000000000..2be8fae5b --- /dev/null +++ b/content/blog/open_invitation_for_testing/index.md @@ -0,0 +1,77 @@ +--- +id: open_invitation_for_testing +title: "An Open Invitation for Testing" +image_caption: "An Open Invitation for Testing" +description: Now’s the time to start utilizing what we’ve built together and to start deploying the solutions and experiences we want to see in this world. +date: 2022-10-11 +taxonomies: + people: [hannah_cordes] + tags: [threefold_grid,technology,peer_to_peer,threefold_cloud] + categories: [foundation] +extra: + imgPath: open_invitation_for_testing.png +--- + +The ThreeFold technology, ecosystem and community have the potential to kickstart a new Internet era filled with abundance and opportunities for all. ThreeFold is 100% open-source, so anyone can contribute to ThreeFold on GitHub and build their own solutions and applications on ThreeFold’s infrastructure. + +
+ +Now’s the time to start utilizing what we’ve built together and to start deploying the solutions and experiences we want to see in this world. Now’s the time to build better alternatives for people, enterprises and governments on top of this foundational infrastructure. + +
+ +We invite you all to come in, see what’s possible, and start building – today! + +## Why is testing so crucial? + +ThreeFold created an open-source peer-to-peer Internet infrastructure that offers a place for developers, end-users and everyone in-between to collectively build an open digital world with full digital sovereignty. We seek to re-imagine business, governance, finance, education and more to build a better future for all. + +
+ +This future can only be achieved with the collaboration of a strong, healthy and dedicated community. One of the key challenges for a project like ours is the continuous testing and improving of new features as well as building all of the applications and solutions we’d like to see to enhance and grow the ecosystem. Community contributions are the heart and a crucial driver of the growing ThreeFold movement – a global movement that is open and decentralized, meaning it is up to each and everyone of us to push things forward. + +
+ +No matter your experience level, from developers to end-users and everyone in-between, there are options for you to contribute to ThreeFold. Whether you’re more tech-savvy and would like to develop solutions on top of the Grid and test tech features or rather help us improve the manuals and spread the word, there are many ways to take action and support the movement. + +
+ +A reliable, open-source peer-to-peer infrastructure together with a growing community of enthusiastic, driven developers and end-users are the key to accelerating the growth and development of the Grid and to unlocking all of its potential. And the more people believe in ThreeFold and our Internet of Internets vision, the sooner we can bring digital sovereignty, empowerment and meaningful experiences to the world. + +## Why should you join ThreeFold’s tester community? + +So why get involved in ThreeFold? Well first of all, you can join an engaged, open movement that seeks to shape the future we want to live in and provide better solutions for our planet and people. You can meet, exchange and collaborate with people from all over the world that share similar interests and values. + +
+ +You also learn new skills and get to know some innovative technology that enables you to build and test pretty cool applications and solutions – like deploying a Subsquid instance on the [ThreeFold Playground](https://play.grid.tf) or checking out the different decentralized alternatives to solutions we use every day like WhatsApp, YouTube, Chrome or Zoom with [FreeFlow Twin](https://demo.freeflow.life). Our open, friendly and skilled community can offer you support and advice as you start testing and building. Let’s help each other and build cool stuff together! + +## The ThreeFold Community – Where ideas come to life + +Curious about what fellow community members are building on ThreeFold? Here are a few recent examples: + +* Teisie has been working on a few great tools to make things easier for his fellow ThreeFolders like an iOS app for node monitoring and a geo explorer. Moreover, he’s been working on an uptime tool and deployment calculator – hosted on the Grid and using Drew's gateway node for public access. Learn more [here](https://forum.threefold.io/t/teisies-uptime-tool-and-deployment-calculator/3384?u=hannahcordes). Well done, Teisie! +* Another skilled community member building on the Grid is Drew. With his [community project](https://forum.threefold.io/t/cockpit-managed-ubuntu-vm/3376?u=hannahcordes) for a Cockpit management interface, he provides a web-based interface for managing a VM that allows users to do a lot of maintenance tasks without ssh – even including full remote desktop capabilities from the browser. Pretty cool, right? + +
+ +So what are you waiting for? Start exploring and using the many solutions on the ThreeFold Grid today – whether by deploying a weblet, testing the FreeFlow Twin or simply joining our testing group! + +## How to get started? + +There are many ways to get started with ThreeFold. If you’re new to ThreeFold in general, I recommend starting with “[Building a New Internet From the Ground Up](https://forum.threefold.io/t/how-threefold-is-building-a-new-internet-from-the-ground-up/2057?u=hannahcordes)” – an approachable blog series on the inner workings of the Grid. + +
+ +A great way to learn more is also by checking out the [ThreeFold Litepaper](https://threefold.docsend.com/view/7x2pezpn2548v8qq/d/an66sngk5h3yf2zk) and by exploring the [knowledge base](https://library.threefold.me/info/threefold/#/). The ThreeFold Grid [manual](https://library.threefold.me/info/manual/#/) has everything you need to dive right into ThreeFold’s open-source infrastructure and technology. + +
+ +Key resources to get started: + +* Find out what you [can do on Threefold Grid](https://library.threefold.me/info/manual/#/manual__faq?id=what-can-i-do-on-threefold-grid) +* Dive into the [manual](https://library.threefold.me/info/manual/#/) to get started +* Learn more about [testing](https://library.threefold.me/info/manual/#/manual__grid3_testing?id=testing-the-threefold_grid3) the Grid +* Join our [testing community](https://t.me/threefoldtesting) +* Watch helpful tutorials from the community in the [ThreeFold Video Gallery](https://forum.threefold.io/t/threefold-video-gallery/3091?u=hannahcordes) +* Learn how to [contribute to ThreeFold wikis and websites](https://forum.threefold.io/t/how-to-contribute-to-threefold-wikis-and-websites/1154) \ No newline at end of file diff --git a/content/blog/open_invitation_for_testing/open_invitation_for_testing.png b/content/blog/open_invitation_for_testing/open_invitation_for_testing.png new file mode 100644 index 000000000..bf071f2f9 Binary files /dev/null and b/content/blog/open_invitation_for_testing/open_invitation_for_testing.png differ diff --git a/content/build/index.md b/content/build/index.md index 4d5aa872f..94db0fc53 100644 --- a/content/build/index.md +++ b/content/build/index.md @@ -15,9 +15,9 @@ Deploy any workload with unprecedented security, scalability, and efficiency, on
- + + {% end %} @@ -31,7 +31,7 @@ Deploy any workload with unprecedented security, scalability, and efficiency, on Plug in standard tools and protocols to the most resilient and versatile storage system ever created, or access raw disk on the location of your choice. - + ||| @@ -58,37 +58,6 @@ Private overlay networks and global end-to-end encryption minimize attack surfac -{% row(style="center mtop between") %} - -[![quantum safe storage](qss.png#mx-auto)](https://library.threefold.me/info/manual/#/technology/qsss/threefold__qsss_home) - -||| - -[![weblets](weblets.png#mx-auto)](https://library.threefold.me/info/manual/#/manual__weblets_home) - -||| - -[![planetary network](planetary_network.png#mx-auto)](https://library.threefold.me/info/manual/#/cloud/threefold__planetary_network) - -{% end %} - -{% row(style="center mbottom between") %} - -[![kubernetes](kubernetes.png#mx-auto)](https://library.threefold.me/info/manual/#/manual__weblets_k8s) - -||| - -[![terraform](terraform.png#mx-auto)](https://library.threefold.me/info/manual/#/manual__manual3_iac_home) - -||| - -[![virtual machine](virtual_machine.png#mx-auto)](https://library.threefold.me/info/manual/#/manual__weblets_vm) - -{% end %} - - - - {% row(style="center mtop narrow") %} ## Designed for
**Demanding Workloads** @@ -99,53 +68,45 @@ Private overlay networks and global end-to-end encryption minimize attack surfac ![Image](capacity.png#medium) -
### **Edge Capacity** - Achieve low latencies and bandwidth efficiency by reserving capacity locally. ||| ![Image](secure.png#medium) -
### **Secure** - Open-source system built from the ground-up for a fully transparent and auditable stack. ||| ![Image](scalable.png#medium) -
### **Scalable** - An autonomous infrastructure that grows naturally with demand, where and when it is needed. ||| ![Image](effecient.png#medium) -
### **Efficient** - A carefully designed collection of lightweight components that minimize overheads. {% end %} - + {% row(style="center mbottom narrow") %} @@ -153,10 +114,62 @@ A carefully designed collection of lightweight components that minimize overhead {% end %} - +{% row(style="center mtop narrow") %} + +## Explore **What's Possible** + +Build in a truly decentralized environment on the ThreeFold Grid. A sandbox of limitless possibilities awaits for the open source builders of a decentralized tomorrow. + +{% end %} + +{% row(style="center mtop between") %} + +[![virtual machine](virtual_machine.png#mx-auto)](https://library.threefold.me/info/manual/#/manual__weblets_vm) + +||| + +[![kubernetes](kubernetes.png#mx-auto)](https://library.threefold.me/info/manual/#/manual__weblets_k8s) + +||| + +[![terraform](terraform.png#mx-auto)](https://library.threefold.me/info/manual/#/manual__manual3_iac_home) + +{% end %} + +{% row(style="center mbottom between") %} + +[![weblets](weblets.png#mx-auto)](https://library.threefold.me/info/manual/#/manual__weblets_home) + +||| + +[![quantum safe storage](qss.png#mx-auto)](https://library.threefold.me/info/manual/#/technology/qsss/threefold__qsss_home) + +||| + +[![planetary network](planetary_network.png#mx-auto)](https://library.threefold.me/info/manual/#/cloud/threefold__planetary_network) + +{% end %} + + {% cloud_stats() %} ## A Global **Edge Infrastructure** {% end %} + + + +{% row(style="center margin narrow") %} + +## Learn **More** + +Dive into more resources and join the open-source movement building a better digital future. + +
+ + + + + +{% end %} \ No newline at end of file diff --git a/content/developer/index.md b/content/developer/index.md index 1373cb0c0..2b8136731 100644 --- a/content/developer/index.md +++ b/content/developer/index.md @@ -9,7 +9,9 @@ template: "page.html" ## ThreeFold
**Developer Resources** -A builder’s manual for ThreeFold. Built
by visionaries, for visionaries. +ThreeFold is here to build an open-source Internet and Cloud infrastructure. It's up to all of us to build on top. These resources will introduce you to foundational grid concepts and the developer stack. + + @@ -21,6 +23,57 @@ A builder’s manual for ThreeFold. Built
by visionaries, for visionaries. +{% row(style="center between" id="table_link") %} + +## Explore the
**Documentation** + +{% end %} + +{% row(style="center between") %} + +### **Introduction:** +[Intro to ThreeFold](https://library.threefold.me/info/threefold#/tfgrid/grid/threefold__grid_intro) + +[The ThreeFold Grid](https://library.threefold.me/info/threefold#/tfgrid/grid/threefold__grid_concepts) + +[ThreeFold Farming](https://library.threefold.me/info/threefold#/tfgrid/farming/threefold__farming_intro) + +[ThreeFold Cloud](https://library.threefold.me/info/threefold#/cloud/threefold__cloud_intro) + +[ThreeFold Token](https://library.threefold.me/info/threefold#/tokens/threefold__token_what) + +||| + +### **Fundamentals:** + +[Set up your account](https://library.threefold.me/info/threefold#/tokens/threefold__threefold_connect) + +[Charge your wallet](https://library.threefold.me/info/threefold#/tokens/threefold__how_to_buy) + + + +[Deploy workloads](https://library.threefold.me/info/manual/#/getstarted/manual__tfgrid3_getstarted) + +[Create a Farm](https://library.threefold.me/info/manual/#/manual__create_farm) + +||| + +### **The Stack:** + +[Zero-OS](https://library.threefold.me/info/threefold#/technology/threefold__zos) + +[Smart Contract for IT](https://library.threefold.me/info/threefold#/technology/threefold__smartcontract_it) + +[Quantum Safe Storage](https://library.threefold.me/info/threefold#/qss/threefold__qsss_home) + +[Virtual Machines](https://library.threefold.me/info/manual/#/manual__weblets_vm) + +[Kubernetes](https://library.threefold.me/info/manual/#/manual__weblets_k8s) + +[Planetary Network](https://library.threefold.me/info/manual/#/technology/threefold__planetary_network) + +{% end %} + {% dev_resourses() %} ## Where Would You Like to Start @@ -75,56 +128,3 @@ All our docs are the results of community efforts. Create a pull request if you - -{% row(style="center between" id="table_link") %} - -## Explore the
**Documentation** - -{% end %} - -{% row(style="center between") %} - -### **Introduction:** -[Intro to ThreeFold](https://library.threefold.me/info/threefold#/tfgrid/grid/threefold__grid_intro) - -[The ThreeFold Grid](https://library.threefold.me/info/threefold#/tfgrid/grid/threefold__grid_concepts) - -[ThreeFold Farming](https://library.threefold.me/info/threefold#/tfgrid/farming/threefold__farming_intro) - -[ThreeFold Cloud](https://library.threefold.me/info/threefold#/cloud/threefold__cloud_intro) - -[ThreeFold Token](https://library.threefold.me/info/threefold#/tokens/threefold__token_what) - -||| - -### **Fundamentals:** - -[Set up your account](https://library.threefold.me/info/threefold#/tokens/threefold__threefold_connect) - -[Charge your wallet](https://library.threefold.me/info/threefold#/tokens/threefold__how_to_buy) - - - -[Deploy workloads](https://library.threefold.me/info/manual/#/getstarted/manual__tfgrid3_getstarted) - -[Create a Farm](https://library.threefold.me/info/manual/#/manual__create_farm) - -||| - -### **The Stack:** - -[Zero-OS](https://library.threefold.me/info/threefold#/technology/threefold__zos) - -[Smart Contract for IT](https://library.threefold.me/info/threefold#/technology/threefold__smartcontract_it) - -[Quantum Safe Storage](https://library.threefold.me/info/threefold#/qss/threefold__qsss_home) - -[Virtual Machines](https://library.threefold.me/info/manual/#/manual__weblets_vm) - -[Kubernetes](https://library.threefold.me/info/manual/#/manual__weblets_k8s) - -[Planetary Network](https://library.threefold.me/info/manual/#/technology/threefold__planetary_network) - -{% end %} - -
diff --git a/content/farm/index.md b/content/farm/index.md index f81b71771..6e8c9c3f6 100644 --- a/content/farm/index.md +++ b/content/farm/index.md @@ -10,14 +10,14 @@ insert_anchor_links: "left" ## Be the **Internet** -Become an Internet Farmer. Expand the ThreeFold Grid and earn for it. +Become a ThreeFold Farmer. Provide Internet capacity to the people around you, and earn for it.
- + - + {% end %} diff --git a/content/home/build_home.png b/content/home/build_home.png new file mode 100644 index 000000000..ba3815e9e Binary files /dev/null and b/content/home/build_home.png differ diff --git a/content/home/community_home.png b/content/home/community_home.png new file mode 100644 index 000000000..5115b2de9 Binary files /dev/null and b/content/home/community_home.png differ diff --git a/content/home/farm_home.png b/content/home/farm_home.png new file mode 100644 index 000000000..cb00cdf03 Binary files /dev/null and b/content/home/farm_home.png differ diff --git a/content/home/index.md b/content/home/index.md index a151a915d..4e17b1b37 100644 --- a/content/home/index.md +++ b/content/home/index.md @@ -9,68 +9,117 @@ extra: imgPath: images/threefold_globe.png --- - -{% row(style="center margin narrow") %} +{% row(style="center") %} +
+
![Image](black_threefold_header.png#mx-auto#medium)
-## Planet & People-First **Internet.** +## The (Re)Birth of **the Internet.** -We are a global movement together building an open-source, community-driven, decentralized Internet – from the ground up. +ThreeFold is a peer-to-peer open-source Internet platform that connects users directly with
local Internet capacity provided by farmers. No intermediaries such as centralized servers.
- - - + + + + {% end %} - {% grid_stats() %} -### The ThreeFold Grid v3.6 +### The ThreeFold Grid v3.7 ## **Live and Operational** {% end %} - -{% row(style="center margin") %} +{% row(style="center narrow") %} -### Expand Our New Internet
**and Earn TFT** +## Together **We Build.** Start **Your Journey.** -By connecting hardware at your home or office, support the growth of a decentralized Internet and earn a new digital currency, TFT. +The future is about decentralization, participation, and working together to achieve our goals. As a decentralized movement, we encourage the community to get involved. This new Internet can only succeed if we find ways to collaborate where we together pull this Internet concept forward. Below, please find some of the ways you can join us in building a better Internet. + +{% end %} + +
+ +{% row(style="center narrow") %} + +### Farm Local Internet Capacity **and Earn TFT** + +
+ +![Image](farm_home.png#mx-auto) + +
+ +By connecting hardware at your home or office – or anywhere you'd like – you provide Internet capacity
for the people around you and earn a new digital currency, TFT. + +
+ + + +{% end %}
-![Image](become_farmer_new.jpg#mx-auto) +{% row(style="center narrow") %} -||| - -### Decentralize Your
**Data and Workloads** - -The community has already started using ThreeFold for its autonomous, decentralization and privacy features. - - - +### Build On Top of a **Decentralized Infrastructure**
-![Image](network_new.jpg#mx-auto) +![Image](build_home.png#mx-auto) + +
+ +True digital sovereignty for open-source builders. The ThreeFold Grid provides limitless possibilities,
and brings a playground of industry-compatible easy-to-deploy solutions for developers. + +
+ + + + + + +{% end %} + +
+ +{% row(style="center narrow") %} + +### Join the **Community.** Grow **the Movement.** + +
+ +![Image](community_home.png#mx-auto) + +
+ +If you believe what we believe, then believe us, there is room for you in this movement. Join the community. Ask questions.
Bring suggestions – this is *our* project. Tell a friend. Tell many friends! Together we build. + +
+ + + + + {% end %} @@ -104,11 +153,13 @@ We are truly proud to be trusted by some of the biggest names in the industry. {% end %} +
+
-{% row(style="center mtop") %} +{% row(style="center") %} ## **In the News** @@ -154,4 +205,4 @@ We are truly proud to be trusted by some of the biggest names in the industry. [![grit_daily](grit_daily.png#mx-auto)](https://gritdaily.com/belarus-governments-control-internet/) -{% end %} +{% end %} \ No newline at end of file diff --git a/content/home/test.png b/content/home/test.png new file mode 100644 index 000000000..3d9f190d5 Binary files /dev/null and b/content/home/test.png differ diff --git a/content/people/victoria_obeegadoo/index.md b/content/people/victoria_obeegadoo/index.md new file mode 100644 index 000000000..ef57e74ae --- /dev/null +++ b/content/people/victoria_obeegadoo/index.md @@ -0,0 +1,28 @@ +--- +title: Victoria Obeegadoo +weight: 2 +description: Seeking to ‘do good’, whether it concerns working for the environment, animals, or people. +extra: + imgPath: victoria_obeegadoo.jpg + organizations: [threefold_foundation, twin, aci] + countries: [Netherlands, Mauritius, Nomad] + cities: [Amsterdam, Moka, Nomad] + private: 0 + socialLinks: + { + LinkedIn: www.linkedin.com/in/victoria-obeegadoo, + github: https://github.com/VicObee, + websites: https://threefold.io/, + } + taxonomies: + people: [victoria_obeegadoo] + memberships: [foundation, twin, aci_members] + categories: [foundation, twin, aci] +--- + +
+
+ +
+
+Having a Communication Science background, Victoria is eagerly using her skill set within the communication team at ThreeFold. She has always been seeking to ‘do good’, whether it concerns working for the environment, animals, or people. Victoria is indeed a strong advocate for the preservation and protection of environmental, human and animal rights. Taking a political science stance throughout her Master programme specializing in Global Environmental Governance, Sustainability & Climate Change, she gained a better understanding of the way societies work, the urgency of the climate crisis, how to actually spark change and take concrete action. She envisions for the future a more egalitarian society, one which lives in greater harmony with the environment and that has an inclusive economic system. Victoria craves being a part of making this world of ours a better place, and is excited to start with changing the internet and how we use it with the organization! diff --git a/content/people/victoria_obeegadoo/victoria_obeegadoo.jpg b/content/people/victoria_obeegadoo/victoria_obeegadoo.jpg new file mode 100644 index 000000000..b68001c5b Binary files /dev/null and b/content/people/victoria_obeegadoo/victoria_obeegadoo.jpg differ diff --git a/static/css/index.css b/static/css/index.css index 73d06c5b9..d6b281e43 100644 --- a/static/css/index.css +++ b/static/css/index.css @@ -1,4455 +1,4 @@ -@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%); - } -} -*/ - +@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 */code.language-bash,code.language-cmd,code.language-css,code.language-html,code.language-js,code.language-md,code.language-text,span.nx,span.o{color:#fff;line-height:1.4}span.c{color:#060}span.nt,span.p,span.s1,span.s2{color:#960}span.ge,span.gh,span.gs{color:#08f}span.gs{font-weight:700}span.ge{font-style:italic}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}code{background-color:#fafafa;border-radius:3px;color:#060;font-size:85%}pre{margin:0;overflow:scroll;padding:1rem}pre code{color:inherit;font-size:100%}.highlight,pre code{background-color:initial;padding:0}.highlight{border-radius:3px;margin:0 0 .5rem;& pre{margin-bottom:0;overflow-x:auto}& .lineno{color:hsla(0,0%,67%,.72);display:inline-block;padding:0 .75rem 0 .25rem}} /*! 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: 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: Lato,sans-serif!important; - line-height: 1.5; - font-weight: 700; - color:#333; -} - -.article h1{ - font-family: Lato,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; -} - -.top-0{ - top: 0px !important; -} - -.left-0{ - left: 0px !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; -} - -.-my-2{ - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; -} - -.mx-8{ - margin-left: 2rem !important; - margin-right: 2rem !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-4{ - margin-left: -1rem !important; - margin-right: -1rem !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-16{ - margin-top: 4rem !important; -} - -.-mr-2{ - margin-right: -0.5rem !important; -} - -.mt-8{ - margin-top: 2rem !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-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; -} - -.mb-5{ - margin-bottom: 1.25rem !important; -} - -.ml-8{ - margin-left: 2rem !important; -} - -.ml-1{ - margin-left: 0.25rem !important; -} - -.mr-4{ - margin-right: 1rem !important; -} - -.-mt-16{ - margin-top: -4rem !important; -} - -.ml-10{ - margin-left: 2.5rem !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-auto{ - height: auto !important; -} - -.h-6{ - height: 1.5rem !important; -} - -.h-screen{ - height: 100vh !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-5{ - height: 1.25rem !important; -} - -.h-48{ - height: 12rem !important; -} - -.h-1\/2{ - height: 50% !important; -} - -.h-1\/3{ - height: 33.333333% !important; -} - -.max-h-screen{ - max-height: 100vh !important; -} - -.max-h-80{ - max-height: 20rem !important; -} - -.min-h-screen{ - min-height: 100vh !important; -} - -.w-8{ - width: 2rem !important; -} - -.w-screen{ - width: 100vw !important; -} - -.w-48{ - width: 12rem !important; -} - -.w-6{ - width: 1.5rem !important; -} - -.w-full{ - width: 100% !important; -} - -.w-72{ - width: 18rem !important; -} - -.w-10{ - width: 2.5rem !important; -} - -.w-32{ - width: 8rem !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-64{ - width: 16rem !important; -} - -.w-7\/12{ - width: 58.333333% !important; -} - -.w-4{ - width: 1rem !important; -} - -.w-16{ - width: 4rem !important; -} - -.w-20{ - width: 5rem !important; -} - -.w-5{ - width: 1.25rem !important; -} - -.w-auto{ - width: auto !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; -} - -.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; -} - -.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; -} - -.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-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; -} - -.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-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-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; -} - -.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-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; -} - -.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-md{ - border-radius: 0.375rem !important; -} - -.rounded{ - border-radius: 0.25rem !important; -} - -.rounded-lg{ - border-radius: 0.5rem !important; -} - -.rounded-none{ - border-radius: 0px !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-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-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-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-2{ - padding: 0.5rem !important; -} - -.p-4{ - padding: 1rem !important; -} - -.p-8{ - padding: 2rem !important; -} - -.p-3{ - padding: 0.75rem !important; -} - -.p-6{ - padding: 1.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-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; -} - -.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-5{ - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; -} - -.px-2{ - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; -} - -.pl-3{ - padding-left: 0.75rem !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; -} - -.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-12{ - padding-top: 3rem !important; -} - -.pr-20{ - padding-right: 5rem !important; -} - -.pl-20{ - padding-left: 5rem !important; -} - -.pt-5{ - padding-top: 1.25rem !important; -} - -.pl-1{ - padding-left: 0.25rem !important; -} - -.pt-1{ - padding-top: 0.25rem !important; -} - -.pt-2{ - padding-top: 0.5rem !important; -} - -.pb-2{ - padding-bottom: 0.5rem !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-lg{ - font-size: 1.125rem !important; -} - -.text-sm{ - font-size: .875rem !important; -} - -.text-base{ - font-size: 1rem !important; -} - -.text-5xl{ - font-size: 3rem !important; -} - -.text-xl{ - font-size: 1.25rem !important; -} - -.text-4xl{ - font-size: 2.25rem !important; -} - -.text-3xl{ - font-size: 1.875rem !important; -} - -.text-md{ - font-size: 1.05rem !important; -} - -.font-medium{ - font-weight: 500 !important; -} - -.font-normal{ - font-weight: 400 !important; -} - -.font-black{ - font-weight: 900 !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; -} - -.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-6{ - line-height: 1.5rem !important; -} - -.leading-3{ - line-height: .75rem !important; -} - -.leading-snug{ - line-height: 1.375 !important; -} - -.leading-4{ - line-height: 1rem !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; -} - -.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-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; -} - -.text-gray-800{ - --tw-text-opacity: 1 !important; - color: rgb(31 41 55 / var(--tw-text-opacity)) !important; -} - -.text-black{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 0 / 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-400{ - --tw-text-opacity: 1 !important; - color: rgb(0 51 255 / var(--tw-text-opacity)) !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-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-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-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; -} - -.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{ - 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; -} - -.transition-all{ - transition-property: all !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; -} - -.duration-200{ - transition-duration: 200ms !important; -} - -.duration-150{ - transition-duration: 150ms !important; -} - -.duration-100{ - transition-duration: 100ms !important; -} - -.duration-75{ - transition-duration: 75ms !important; -} - -.duration-500{ - transition-duration: 500ms !important; -} - -.duration-300{ - transition-duration: 300ms !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: "Lato", 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: Lato,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: Lato,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: Lato,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-100:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(243 244 246 / var(--tw-bg-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-stone-100:hover{ - --tw-bg-opacity: 1 !important; - background-color: rgb(245 245 244 / 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-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\:text-black:hover{ - --tw-text-opacity: 1 !important; - color: rgb(0 0 0 / 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\: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-100:focus{ - --tw-bg-opacity: 1 !important; - background-color: rgb(243 244 246 / var(--tw-bg-opacity)) !important; -} - -.focus\:bg-gray-200:focus{ - --tw-bg-opacity: 1 !important; - background-color: rgb(229 231 235 / var(--tw-bg-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\: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\: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-6{ - padding: 1.5rem !important; - } - - .sm\:p-12{ - padding: 3rem !important; - } - - .sm\:p-0{ - padding: 0px !important; - } - - .sm\:px-12{ - padding-left: 3rem !important; - padding-right: 3rem !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-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\:pb-8{ - padding-bottom: 2rem !important; - } - - .sm\:pt-16{ - padding-top: 4rem !important; - } - - .sm\:pb-16{ - padding-bottom: 4rem !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\: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-8{ - padding: 2rem !important; - } - - .md\:p-16{ - padding: 4rem !important; - } - - .md\:px-12{ - padding-left: 3rem !important; - padding-right: 3rem !important; - } - - .md\:px-16{ - padding-left: 4rem !important; - padding-right: 4rem !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\:pr-0{ - padding-right: 0px !important; - } - - .md\:pl-8{ - padding-left: 2rem !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-20{ - margin-left: 5rem !important; - margin-right: 5rem !important; - } - - .lg\:mx-4{ - margin-left: 1rem !important; - margin-right: 1rem !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\:mt-0{ - margin-top: 0px !important; - } - - .lg\:mr-8{ - margin-right: 2rem !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\:mr-16{ - margin-right: 4rem !important; - } - - .lg\:mt-4{ - margin-top: 1rem !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-lg{ - max-width: 32rem !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\: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\:p-12{ - padding: 3rem !important; - } - - .lg\:p-20{ - padding: 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\:py-16{ - padding-top: 4rem !important; - padding-bottom: 4rem !important; - } - - .lg\:px-8{ - padding-left: 2rem !important; - padding-right: 2rem !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\: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\:mt-0{ - margin-top: 0px !important; - } - - .xl\:flex{ - display: flex !important; - } - - .xl\:max-w-lg{ - max-width: 32rem !important; - } - - .xl\:max-w-sm{ - max-width: 24rem !important; - } - - .xl\:max-w-none{ - max-width: none !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 +/*! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;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;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,:after,:before{--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:rgba(0,0,255,.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:rgba(0,0,255,.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:rgba(0,0,255,.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:0}p{font-size:1.125rem}code,pre{font-feature-settings:normal}.navWhite,.navWhite:visited{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.navWhite:active,.navWhite:focus{--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-shadow-titles{text-shadow:4px 4px 2px #000}.gradient-titles{--tw-gradient-from:#00a;--tw-gradient-to:rgba(0,0,170,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#000;background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.ctr{text-align:center}.legal{font-size:.75rem}nav h4 a:hover{color:rgb(0 136 255/var(--tw-text-opacity))}nav h4 a,nav h4 a:active,nav h4 a:focus,nav h4 a:hover{--tw-text-opacity:1;border-width:0;font-weight:300}a h2,nav h4 a,nav h4 a:active,nav h4 a:focus{color:rgb(0 0 0/var(--tw-text-opacity))}a,a h2{--tw-text-opacity:1}a{color:rgb(0 0 187/var(--tw-text-opacity));font-weight:600}a:focus,a:hover{--tw-text-opacity:1;color:rgb(0 136 255/var(--tw-text-opacity))}a:active{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(0 0 255/var(--tw-border-opacity));color:rgb(0 0 136/var(--tw-text-opacity))}h5 a{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity));font-weight:400}.footnote-return,a.next,a.previous,sup a{border-bottom-width:0}#nav-toggle:checked+#navMenu{display:block}a.navborderless{border-bottom-width:0}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{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;letter-spacing:-.025em;line-height:1.25}.h1,h1{font-size:2.25rem;font-weight:800;margin-bottom:1rem}.h2,.h3,.h4,.h5,.h6,h2,h3,h4,h5,h6{font-weight:700}.h2,h2{font-size:2.25rem}.h4,h4{font-size:1.5rem}h5{font-style:normal}.h5,.h6,h5,h6{font-size:1.125rem}.height-hero{height:45vh;max-height:45vh;overflow:hidden}.height-post{height:35vh;max-height:35vh}.imgCover{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.background-hero-image-div{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity));height:80vh;max-height:80vh;overflow:hidden;position:relative;width:100%}.background-hero-title-block-fit{--tw-gradient-from:#000;--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);background-image:linear-gradient(to top,var(--tw-gradient-stops));bottom:0;display:block;padding:.75rem 1rem 1.5rem;position:absolute;width:100%}.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-nobrk,.text-nowrap{white-space:nowrap}article h1,article h2,article h3,article h4{letter-spacing:-.025em;margin-bottom:1.5rem;margin-top:2rem}article p{font-size:1.125rem;line-height:1.625}article img.containedImage{height:auto;max-width:100%;min-width:100%;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 p{margin:0;padding:.5rem;width:100%}ol,ul{padding-left:2rem}ul{list-style-type:disc}ol{list-style-type:decimal}.twitter-tweet,table.leagues{margin:1rem auto 0}table.leagues{border-collapse:collapse;border-width:0;width:91.666667%}table.leagues td.col{width:50%}@media (min-width:900px){table.leagues{width:60%}table.noborders{width:91.666667%}}table.noborders{border-collapse:collapse;border-width:0;margin:1.5rem auto 1rem;width:100%}table.noborders td{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity));padding:.25rem 0 .25rem .5rem;text-align:left;vertical-align:middle}table.noborders td img{display:inline-block;margin:0;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(2n){--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{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-weight:700}table.noborders td.td70{width:70%}table.noborders td.td70 img{display:block;height:auto;max-width:50%;width:50%}table.noborders td.td30{width:30%}.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:.65em;top:-.5em}.footnote-sim{color:#00f;font-size:.65em;@media (prefers-color-scheme:dark){color:#0af}}.footnotes{& ol{-webkit-padding-start:1.5rem;padding-inline-start:1.5rem}& ol li{font-size:$pokey;margin-bottom:.5rem}& 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 #000;margin-top:1em;padding-top:1em}article>.footnote-definition~.footnote-definition{border-top:0;margin-top:0;padding-top:0}.footnote-definition-label{font-size:.65em;top:-.4em}.footnote-definition-label+p{font-size:75%;line-height:1.35;margin-left:1em;margin-top:-1.75em}.footnote-definition-label:after{content:"."}.aspect-16x9{padding-bottom:56.25%}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{font-size:.875rem;line-height:1.375;margin-top:.5rem;padding:0;text-align:center}.home-colOne p{line-height:2rem;margin-bottom:1rem}.home-colOne img{margin-bottom:1rem;margin-top:1rem}.container-comments{font-size:85%;margin:0 auto;max-width:720px!important;width:85%}@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{font-size:1.875rem;font-weight:300;line-height:1;margin-bottom:1rem;margin-top:1rem}@media (min-width:1024px){h2{font-size:4rem}}h2 strong{font-weight:500}h3{font-size:1.25rem;font-weight:200;line-height:1;margin-bottom:1rem;margin-top:1rem}@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{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity));font-weight:600;letter-spacing:.1em}h5,h6{font-size:1.05rem;margin-bottom:.25rem;margin-top:.25rem}h6{font-style:normal;font-weight:400}p{font-size:1.125rem}blockquote{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity));border-left-width:4px;margin:.5rem;padding:.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{--tw-border-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);border-color:rgb(0 0 0/var(--tw-border-opacity));border-width:2px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:inline-block;margin-bottom:.75rem;margin-top:.75rem;padding-bottom:.25rem;padding-top:.25rem;text-transform:capitalize}@media (min-width:1024px){button{font-size:1.125rem;margin-right:1.25rem}}.my-header h4{color:#9f9f9f}.article h2{color:#333;font-size:2.25rem;font-weight:700;line-height:1.5}.article h1,.article h2{font-family:Lato,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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z'/%3E%3C/svg%3E")}:is(.admonition){background-color:var(--bg);border:0 solid #000;border-inline-start-width:.4rem;border-radius:.2rem;box-shadow:0 .2rem 1rem rgba(0,0,0,.05),0 0 .1rem rgba(0,0,0,.1);color:var(--fg);display:flow-root;margin:1.5625em 0;padding:0 1.2rem;page-break-inside:avoid}.admonition p{-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;display:block;font-size:.8rem;margin-block-end:1em;margin-block-start:1em;margin-inline-end:0;margin-inline-start:0}@media print{:is(.admonition){box-shadow:none}}:is(.admonition)>*{box-sizing:border-box}:is(.admonition) :is(.admonition){margin-bottom:1em;margin-top:1em}:is(.admonition)>.tabbed-set:only-child{margin-top:0}html :is(.admonition)>:last-child{margin-bottom:1.2rem}:is(.admonition-title,summary){background-color:rgba(68,138,255,.1);border:0 solid #448aff;border-inline-start-width:.4rem;border-start-start-radius:.2rem;display:flex;font-weight:700;margin-block:0;margin-inline:-1.6rem -1.2rem;padding-block:.8rem;padding-inline:4rem 1.2rem;position:relative}:is(.admonition-title,summary)>p{margin:0}html :is(.admonition-title,summary):last-child{margin-bottom:0}:is(.admonition-title,summary):before{background-color:#448aff;content:"";height:1.4rem;inset-inline-start:1.2rem;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;position:absolute;top:.625em;width:1.4rem}:is(.admonition):is(.note){border-color:#448aff}:is(.note)>:is(.admonition-title,summary){background-color:rgba(68,138,255,.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-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.abstract,.summary,.tldr){border-color:#00b0ff}:is(.abstract,.summary,.tldr)>:is(.admonition-title,summary){background-color:rgba(0,176,255,.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-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.info,.todo){border-color:#00b8d4}:is(.info,.todo)>:is(.admonition-title,summary){background-color:rgba(0,184,212,.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-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.tip,.hint,.important){border-color:#00bfa5}:is(.tip,.hint,.important)>:is(.admonition-title,summary){background-color:rgba(0,191,165,.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-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.success,.check,.done){border-color:#00c853}:is(.success,.check,.done)>:is(.admonition-title,summary){background-color:rgba(0,200,83,.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-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.question,.help,.faq){border-color:#64dd17}:is(.question,.help,.faq)>:is(.admonition-title,summary){background-color:rgba(100,221,23,.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-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.warning,.caution,.attention){border-color:#ff9100}:is(.warning,.caution,.attention)>:is(.admonition-title,summary){background-color:rgba(255,145,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-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.failure,.fail,.missing){border-color:#ff5252}:is(.failure,.fail,.missing)>:is(.admonition-title,summary){background-color:rgba(255,82,82,.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-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.danger,.error){border-color:#ff1744}:is(.danger,.error)>:is(.admonition-title,summary){background-color:rgba(255,23,68,.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-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.bug){border-color:#f50057}:is(.bug)>:is(.admonition-title,summary){background-color:rgba(245,0,87,.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-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.example){border-color:#7c4dff}:is(.example)>:is(.admonition-title,summary){background-color:rgba(124,77,255,.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-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}:is(.admonition):is(.quote,.cite){border-color:#9e9e9e}:is(.quote,.cite)>:is(.admonition-title,summary){background-color:hsla(0,0%,62%,.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-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.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";border:none;font-size:.84rem;font-weight:600;padding:10px 50px}:is(summary):after{background-color:#000;content:"";height:1.4rem;mask-image:url('data:image/svg+xml;charset=utf-8,');-webkit-mask-image:url('data:image/svg+xml;charset=utf-8,');mask-image:var(--md-details-icon);-webkit-mask-image:var(--md-details-icon);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;right:.4rem;top:.625em;transform:rotate(-90deg);transition:transform .25s;width:1.4rem}details[open]>summary:after{transform:rotate(0deg)}.sr-only{clip:rect(0,0,0,0)!important;border-width:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.inset-0{bottom:0!important;top:0!important}.inset-0,.inset-x-0{left:0!important;right:0!important}.top-0{top:0!important}.left-0{left:0!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:0!important}.m-2{margin:.5rem!important}.m-4{margin:1rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}.-my-2{margin-bottom:-.5rem!important;margin-top:-.5rem!important}.mx-8{margin-left:2rem!important;margin-right:2rem!important}.mx-4{margin-left:1rem!important;margin-right:1rem!important}.my-0{margin-bottom:0!important;margin-top:0!important}.my-8{margin-bottom:2rem!important;margin-top:2rem!important}.my-4{margin-bottom:1rem!important;margin-top:1rem!important}.my-10{margin-bottom:2.5rem!important;margin-top:2.5rem!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}.my-5{margin-bottom:1.25rem!important;margin-top:1.25rem!important}.-mx-4{margin-left:-1rem!important;margin-right:-1rem!important}.-mx-8{margin-left:-2rem!important;margin-right:-2rem!important}.my-6{margin-bottom:1.5rem!important;margin-top:1.5rem!important}.mt-10{margin-top:2.5rem!important}.mt-0{margin-top:0!important}.mb-3{margin-bottom:.75rem!important}.mb-8{margin-bottom:2rem!important}.mr-2{margin-right:.5rem!important}.mt-16{margin-top:4rem!important}.-mr-2{margin-right:-.5rem!important}.mt-8{margin-top:2rem!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:0!important}.mt-12{margin-top:3rem!important}.mt-2{margin-top:.5rem!important}.mb-16{margin-bottom:4rem!important}.ml-4{margin-left:1rem!important}.mr-5{margin-right:1.25rem!important}.mt-3{margin-top:.75rem!important}.mt-1{margin-top:.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}.mb-5{margin-bottom:1.25rem!important}.ml-8{margin-left:2rem!important}.ml-1{margin-left:.25rem!important}.mr-4{margin-right:1rem!important}.-mt-16{margin-top:-4rem!important}.ml-10{margin-left:2.5rem!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-auto{height:auto!important}.h-6{height:1.5rem!important}.h-screen{height:100vh!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-5{height:1.25rem!important}.h-48{height:12rem!important}.h-1\/2{height:50%!important}.h-1\/3{height:33.333333%!important}.max-h-screen{max-height:100vh!important}.max-h-80{max-height:20rem!important}.min-h-screen{min-height:100vh!important}.w-8{width:2rem!important}.w-screen{width:100vw!important}.w-48{width:12rem!important}.w-6{width:1.5rem!important}.w-full{width:100%!important}.w-72{width:18rem!important}.w-10{width:2.5rem!important}.w-32{width:8rem!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-64{width:16rem!important}.w-7\/12{width:58.333333%!important}.w-4{width:1rem!important}.w-16{width:4rem!important}.w-20{width:5rem!important}.w-5{width:1.25rem!important}.w-auto{width:auto!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}.-translate-y-0,.-translate-y-1{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}.rotate-0{--tw-rotate:0deg!important}.-rotate-90,.rotate-0{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}.rotate-180{--tw-rotate:180deg!important}.rotate-180,.scale-95{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}.scale-100{--tw-scale-x:1!important;--tw-scale-y:1!important}.scale-100,.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-col-reverse{flex-direction:column-reverse!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-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(2.5rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(2.5rem*var(--tw-space-x-reverse))!important}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(.5rem*var(--tw-space-x-reverse))!important}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))!important;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))!important}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(2rem*var(--tw-space-y-reverse))!important;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))!important}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(.5rem*var(--tw-space-y-reverse))!important;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))!important}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(.25rem*var(--tw-space-y-reverse))!important;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))!important}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(1rem*var(--tw-space-x-reverse))!important}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(1rem*var(--tw-space-y-reverse))!important;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))!important}.divide-y-2>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0!important;border-bottom-width:calc(2px*var(--tw-divide-y-reverse))!important;border-top-width:calc(2px*(1 - var(--tw-divide-y-reverse)))!important}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0!important;border-bottom-width:calc(1px*var(--tw-divide-y-reverse))!important;border-top-width:calc(1px*(1 - 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}.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-md{border-radius:.375rem!important}.rounded{border-radius:.25rem!important}.rounded-lg{border-radius:.5rem!important}.rounded-none{border-radius:0!important}.rounded-l-md{border-bottom-left-radius:.375rem!important;border-top-left-radius:.375rem!important}.rounded-r-md{border-bottom-right-radius:.375rem!important;border-top-right-radius:.375rem!important}.border-2{border-width:2px!important}.border{border-width:1px!important}.border-4{border-width:4px!important}.border-0{border-width:0!important}.border-b{border-bottom-width:1px!important}.border-r-0{border-right-width:0!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:initial!important}.bg-stone-200{background-color:rgb(231 229 228/var(--tw-bg-opacity))!important}.bg-stone-200,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-gray-50{background-color:rgb(249 250 251/var(--tw-bg-opacity))!important}.bg-gray-100,.bg-gray-50{--tw-bg-opacity:1!important}.bg-gray-100{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-cover{background-size:cover!important}.bg-center{background-position:50%!important}.bg-no-repeat{background-repeat:no-repeat!important}.object-cover{-o-object-fit:cover!important;object-fit:cover!important}.p-2{padding:.5rem!important}.p-4{padding:1rem!important}.p-8{padding:2rem!important}.p-3{padding:.75rem!important}.p-6{padding:1.5rem!important}.p-12{padding:3rem!important}.p-1{padding:.25rem!important}.py-10{padding-bottom:2.5rem!important;padding-top:2.5rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-4{padding-bottom:1rem!important;padding-top:1rem!important}.px-8{padding-left:2rem!important;padding-right:2rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.px-0{padding-left:0!important;padding-right:0!important}.py-12{padding-bottom:3rem!important;padding-top:3rem!important}.px-12{padding-left:3rem!important;padding-right:3rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-5{padding-bottom:1.25rem!important;padding-top:1.25rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.pl-3{padding-left:.75rem!important}.pl-6{padding-left:1.5rem!important}.pr-2{padding-right:.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}.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:0!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}.pl-1{padding-left:.25rem!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pb-2{padding-bottom:.5rem!important}.pl-0{padding-left:0!important}.pt-10{padding-top:2.5rem!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-lg{font-size:1.125rem!important}.text-sm{font-size:.875rem!important}.text-base{font-size:1rem!important}.text-5xl{font-size:3rem!important}.text-xl{font-size:1.25rem!important}.text-4xl{font-size:2.25rem!important}.text-3xl{font-size:1.875rem!important}.text-md{font-size:1.05rem!important}.font-medium{font-weight:500!important}.font-normal{font-weight:400!important}.font-black{font-weight:900!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}.uppercase{text-transform:uppercase!important}.lowercase{text-transform:lowercase!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-6{line-height:1.5rem!important}.leading-3{line-height:.75rem!important}.leading-snug{line-height:1.375!important}.leading-4{line-height:1rem!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}.tracking-tight{letter-spacing:-.025em!important}.tracking-wide{letter-spacing:.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-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}.text-gray-800{color:rgb(31 41 55/var(--tw-text-opacity))!important}.text-black,.text-gray-800{--tw-text-opacity:1!important}.text-black{color:rgb(0 0 0/var(--tw-text-opacity))!important}.text-gray-300{color:rgb(209 213 219/var(--tw-text-opacity))!important}.text-gray-300,.text-white{--tw-text-opacity:1!important}.text-white{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-400{--tw-text-opacity:1!important;color:rgb(0 51 255/var(--tw-text-opacity))!important}.opacity-0{opacity:0!important}.opacity-100{opacity:1!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(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}.shadow,.shadow-lg{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 rgba(0,0,0,.1),0 4px 6px -4px rgba(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}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05)!important;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)!important}.\!shadow-none,.shadow-sm{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}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(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}.grayscale{--tw-grayscale:grayscale(100%)!important}.filter,.grayscale{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{transition-duration:.15s!important;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(.4,0,.2,1)!important}.transition-transform{transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-shadow{transition-duration:.15s!important;transition-property:box-shadow!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.duration-200{transition-duration:.2s!important}.duration-150{transition-duration:.15s!important}.duration-100{transition-duration:.1s!important}.duration-75{transition-duration:75ms!important}.duration-500{transition-duration:.5s!important}.duration-300{transition-duration:.3s!important}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)!important}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)!important}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.backdrop-blur{-webkit-backdrop-filter:blur(40px)}*{font-family:Lato,sans-serif}.bg-semi-white{background-color:hsla(0,0%,100%,.75)}img[src*="#mx-auto"]{margin:auto}img[src*="#small"]{width:68px}img[src*="#medium"]{margin:auto;width:400px}img[src*="#logo"]{margin:auto;max-width:min(250px,100%)}img[src*="#large"]{margin:auto;width:1000px}img[src*="#tft_img"]{margin:8px;width:150px}img[src*="#absolute"]{left:0;position:absolute;top:0}.footer-cust a{color:#999}.footer-cust a:hover{color:#414141}.footer-cust h6{margin-bottom:15px}.logo_size{width:200px}h1{line-height:4rem}.nav p>a{align-items:flex-start;border-color:transparent;border-color:rgb(0 0 0/var(--tw-border-opacity));border-radius:.25rem;border-width:2px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);display:flex;display:inline-block;flex-direction:column;line-height:1.5rem;margin-bottom:.75rem;margin-top:.75rem;padding:.25rem 3rem;text-align:left;text-transform:capitalize;transition-duration:.15s;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(.4,0,.2,1);width:100%}.nav p>a:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity));border-color:rgb(231 229 228/var(--tw-border-opacity))}.article p{color:#333;font-family:Lato,sans-serif!important;font-size:1.125rem;line-height:1.7}.article a,.post-content-text a{color:#4ec48f}.article a:hover,.post-content-text a:hover{color:#2e9969}.article li{font-size:1.125rem}.main-title{font-family:Lato,sans-serif!important}button:hover :is(:where(a)){color:#5e5e5e}button :is(:where(p)){color:#3d3b39;font-weight:400}button a{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));padding-left:3rem;padding-right:3rem}.long-text a{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));padding-left:2rem;padding-right:2rem}a{border-width:0}header{font-family:Work Sans}.nav_btn{border:none!important;box-shadow:none!important;margin:0!important;padding:0!important}.quicklinks{align-items:center;border-radius:10px;box-sizing:border-box;flex-wrap:wrap;margin:30px auto 20px;width:auto}.quicklinks img{display:inline-block;filter:grayscale(100%);height:auto;max-width:200px;opacity:.5;padding:10px;position:relative;transition:all .2s ease}.quicklinks img:hover{filter:grayscale(0);opacity:1;transition:all .2s ease}.banner{background:#00838d;color:#fff!important;display:block;letter-spacing:.5px;margin:0;overflow:hidden;padding:120px 0;position:relative;text-align:center;transition:1.5s;width:100%}.header{background:none;height:auto;padding:200px 0}.banner h2,.header h1{color:#fff;margin:auto;position:relative;transition:.3s;white-space:nowrap;z-index:1}.header h1{color:#000;transition:none}.banner h2 svg{font-size:40px;margin-left:15px;opacity:0;position:absolute;top:55%;transform:translateY(-50%) scale(.5);transition:.3s}.banner .back{filter:grayscale(1) contrast(1.4);height:100%;left:0;opacity:.25;position:absolute;top:0;transition:1.5s;width:100%}.banner .back,.header .back{background-position:50%;background-size:cover}.header .back{background-repeat:no-repeat;filter:none;opacity:1}.banner:hover{background:#4b3a92}.header:hover{background:none}.banner:hover h2 svg{opacity:1;transform:translateY(-50%) scale(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,.post-content-text .my-test{font-family:Work Sans,sans-serif!important}.post-content-text .my-test{line-height:1.7}.post-content-text h2{font-family:Lato,sans-serif!important;font-size:2.25rem;font-weight:700;line-height:1.5}.container-fluid{margin-left:auto;margin-right:auto;width:100%}.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{--tw-border-opacity:1;--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);align-items:flex-start;border-color:transparent;border-radius:.25rem;border-width:2px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;line-height:1.5rem;margin-bottom:.75rem;margin-top:.75rem;padding:.25rem 1.5rem;text-align:left;text-transform:capitalize;transition-duration:.15s;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(.4,0,.2,1);width:100%}header #menu button:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:rgb(245 245 244/var(--tw-bg-opacity));border-color:rgb(231 229 228/var(--tw-border-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{font-size:1.125rem;margin-right:1.25rem}}header #menu button a{padding-left:0;padding-right:0}.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-100:hover{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-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-stone-100:hover{--tw-bg-opacity:1!important;background-color:rgb(245 245 244/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-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\:text-black:hover{--tw-text-opacity:1!important;color:rgb(0 0 0/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\:underline:hover{-webkit-text-decoration-line:underline!important;text-decoration-line:underline!important}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(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-100:focus{--tw-bg-opacity:1!important;background-color:rgb(243 244 246/var(--tw-bg-opacity))!important}.focus\:bg-gray-200:focus{--tw-bg-opacity:1!important;background-color:rgb(229 231 235/var(--tw-bg-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:initial!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\:focus\:text-white:focus,.dark\:hover\:text-white:hover{--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:0!important;margin-right:0!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:0!important}.sm\:mt-8{margin-top:2rem!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-bottom:calc(2rem*var(--tw-space-y-reverse))!important;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))!important}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(1rem*var(--tw-space-x-reverse))!important}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(0px*var(--tw-space-y-reverse))!important;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))!important}.sm\:overflow-hidden{overflow:hidden!important}.sm\:rounded-md{border-radius:.375rem!important}.sm\:border-0{border-width:0!important}.sm\:border-r{border-right-width:1px!important}.sm\:border-l{border-left-width:1px!important}.sm\:bg-transparent{background-color:initial!important}.sm\:p-6{padding:1.5rem!important}.sm\:p-12{padding:3rem!important}.sm\:p-0{padding:0!important}.sm\:px-12{padding-left:3rem!important;padding-right:3rem!important}.sm\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.sm\:px-0{padding-left:0!important;padding-right:0!important}.sm\:px-8{padding-left:2rem!important;padding-right:2rem!important}.sm\:py-6{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.sm\:px-4{padding-left:1rem!important;padding-right:1rem!important}.sm\:pb-8{padding-bottom:2rem!important}.sm\:pt-10{padding-top:2.5rem!important}.sm\:pb-16{padding-bottom:4rem!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:0!important;margin-right:0!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\:mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.md\:mt-0{margin-top:0!important}.md\:mb-10{margin-bottom:2.5rem!important}.md\:-mt-1{margin-top:-.25rem!important}.md\:mb-0{margin-bottom:0!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-8{padding:2rem!important}.md\:p-16{padding:4rem!important}.md\:px-12{padding-left:3rem!important;padding-right:3rem!important}.md\:px-16{padding-left:4rem!important;padding-right:4rem!important}.md\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.md\:py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.md\:pr-0{padding-right:0!important}.md\:pl-8{padding-left:2rem!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:0!important}.lg\:m-20{margin:5rem!important}.lg\:mx-20{margin-left:5rem!important;margin-right:5rem!important}.lg\:mx-4{margin-left:1rem!important;margin-right:1rem!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\:mx-28{margin-left:7rem!important;margin-right:7rem!important}.lg\:mx-auto{margin-left:auto!important;margin-right:auto!important}.lg\:-mx-12{margin-left:-3rem!important;margin-right:-3rem!important}.lg\:mt-0{margin-top:0!important}.lg\:mr-8{margin-right:2rem!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\:mr-16{margin-right:4rem!important}.lg\:mt-4{margin-top:1rem!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-lg{max-width:32rem!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\: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-left:calc(5rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(5rem*var(--tw-space-x-reverse))!important}.lg\:space-x-12>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(3rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(3rem*var(--tw-space-x-reverse))!important}.lg\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0!important;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))!important;margin-right:calc(1.5rem*var(--tw-space-x-reverse))!important}.lg\:p-12{padding:3rem!important}.lg\:p-20{padding:5rem!important}.lg\:p-4{padding:1rem!important}.lg\:py-5{padding-bottom:1.25rem!important;padding-top:1.25rem!important}.lg\:px-20{padding-left:5rem!important;padding-right:5rem!important}.lg\:py-16{padding-bottom:4rem!important;padding-top:4rem!important}.lg\:px-8{padding-left:2rem!important;padding-right:2rem!important}.lg\:px-12{padding-left:3rem!important;padding-right:3rem!important}.lg\:py-8{padding-bottom:2rem!important;padding-top:2rem!important}.lg\:px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.lg\:py-24{padding-bottom:6rem!important;padding-top:6rem!important}.lg\:px-16{padding-left:4rem!important;padding-right:4rem!important}.lg\:py-28{padding-bottom:7rem!important;padding-top:7rem!important}.lg\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.lg\:py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.lg\:pl-0{padding-left:0!important}.lg\:pt-6{padding-top:1.5rem!important}.lg\:pt-4{padding-top:1rem!important}.lg\:pb-10{padding-bottom:2.5rem!important}.lg\:pt-28{padding-top:7rem!important}.lg\:pb-28{padding-bottom:7rem!important}.lg\:pb-24{padding-bottom:6rem!important}.lg\:pb-0{padding-bottom:0!important}.lg\:text-5xl{font-size:3rem!important}.lg\:text-6xl{font-size:4rem!important}.lg\:text-xl{font-size:1.25rem!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-10{margin-left:2.5rem!important;margin-right:2.5rem!important}.xl\:mx-0{margin-left:0!important;margin-right:0!important}.xl\:-mx-8{margin-left:-2rem!important;margin-right:-2rem!important}.xl\:mt-0{margin-top:0!important}.xl\:flex{display:flex!important}.xl\:max-w-lg{max-width:32rem!important}.xl\:max-w-sm{max-width:24rem!important}.xl\:max-w-none{max-width:none!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-bottom:3rem!important;padding-top: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:0!important}} \ No newline at end of file diff --git a/static/images/globe_header.png b/static/images/globe_header.png new file mode 100644 index 000000000..7a579e425 Binary files /dev/null and b/static/images/globe_header.png differ diff --git a/templates/partials/header.html b/templates/partials/header.html index e58b202b2..ec3f42203 100644 --- a/templates/partials/header.html +++ b/templates/partials/header.html @@ -104,7 +104,7 @@
    • - +