Initial Release

2026-05-24 19:52:45 -07:00
commit 8242fdbbb3
181 changed files with 10119 additions and 0 deletions
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.11 94.5" fill="#f0f0f0">
+    <path d="M99.01,35.85c-.24-.72-.86-1.25-1.62-1.36l-31.83-4.57L51.29,1.11c-.34-.68-1.03-1.11-1.79-1.11h0c-.76,0-1.46.43-1.79,1.12l-14.18,28.85L1.71,34.65c-.75.11-1.38.64-1.61,1.36-.23.72-.04,1.52.51,2.05l23.06,22.41-5.38,31.7c-.13.75.18,1.51.8,1.96.35.25.76.38,1.17.38.32,0,.64-.08.93-.23l28.43-15.01,28.48,14.92c.67.35,1.49.29,2.11-.16.62-.45.92-1.21.79-1.96l-5.49-31.68,22.99-22.48c.54-.53.74-1.33.5-2.05Z" />
+</svg>
@@ -0,0 +1,5 @@
+#   \_/
+# ()o_o) <( beep boop )
+
+User-agent: *
+Disallow:
@@ -0,0 +1,115 @@
+// @ts-check
+
+(() => { // Table of Content Highlights
+
+    /** @type {HTMLDivElement | null} */
+    const parentChapter = document.querySelector("div.article-chapters")
+    /** @type {HTMLDivElement | null} */
+    const parentArticle = document.querySelector("div.article-content")
+
+    if (!parentChapter || !parentArticle) return
+
+    /** @type {Array<{ o: number; e: Array<Element | null> }>} */
+    let scrollSections = []
+    let scrollHeader = null
+    let scrollOffset = 0
+
+    // Generate Table of Contents
+    for (const child of parentArticle.children) {
+        const offset = (child.getBoundingClientRect().top + window.scrollY + scrollOffset) | 0
+        const normal = child.textContent.toString().toLocaleLowerCase().replaceAll(" ", "-")
+
+        if (child.classList.contains("element-header")) {
+            const anchor = document.createElement("a")
+            anchor.classList.add("chapter")
+            anchor.textContent = child.textContent
+            anchor.href = "#" + normal
+            child.id = normal
+            parentChapter.appendChild(anchor)
+
+            scrollSections.push({ o: offset, e: [anchor] })
+            scrollHeader = anchor
+            scrollOffset += 36 // bandaid fix for desync
+        }
+
+        if (child.classList.contains("element-subheader")) {
+            const anchor = document.createElement("a")
+            anchor.classList.add("section")
+            anchor.textContent = child.textContent
+            anchor.href = "#" + normal
+            child.id = normal
+            parentChapter.appendChild(anchor)
+
+            scrollSections.push({ o: offset, e: [scrollHeader, anchor] })
+        }
+    }
+
+    // Update Highlight when Page Scrolls
+    function pageScroll() {
+        const winoffset = window.innerHeight / 5
+        const position = window.scrollY + winoffset
+        let closest = null
+        let closestDist = Infinity
+
+        // Find Closest Header
+        for (const section of scrollSections) {
+            const dist = Math.abs(position - section.o)
+            if (dist < closestDist) {
+                closestDist = dist
+                closest = section
+            }
+            for (const elem of section.e) {
+                // Reset Styling
+                elem && elem.removeAttribute("selected")
+            }
+        }
+
+        // Apply Header Styling
+        if (closest) {
+            for (const elem of closest.e) {
+                elem && elem.setAttribute("selected", "")
+            }
+        }
+    }
+    window.addEventListener("scroll", pageScroll)
+    pageScroll()
+
+})();
+
+(() => { // Share Button
+
+    /** @type {HTMLButtonElement | null} */
+    const shareButton = document.querySelector("a#button-share")
+    /** @type {HTMLDialogElement | null} */
+    const shareModal = document.querySelector("dialog.layout-dialog")
+
+    // UX: Close Modal if Background is clicked or pressed
+    shareModal && shareModal.addEventListener("click", ev => {
+        if (ev.target === shareModal) {
+            shareModal.close()
+        }
+    })
+
+    // UX: Open Native Modal on Mobile, Custom Modal on Desktop
+    shareButton && shareButton.addEventListener("click", ev => {
+        ev.preventDefault()
+
+        // Use Native Modal
+        const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent)
+        if (isMobile) {
+            const metaTitle = document.querySelector(`meta[property="og:title"]`)?.getAttribute("content")
+            const metaURL = document.querySelector(`meta[property="og:url"]`)?.getAttribute("content")
+            if (typeof (metaURL) !== "string" || typeof (metaTitle) !== "string") {
+                alert("Missing Required Metadata")
+                return
+            }
+            navigator.share({ title: metaTitle, url: metaURL })
+            return
+        }
+
+        // Use Desktop Modal
+        if (shareModal) {
+            shareModal.showModal()
+        }
+    })
+})();
@@ -0,0 +1,240 @@
+div.layout-content {
+    margin-bottom: 50vw;
+}
+
+/* Modal */
+dialog.layout-dialog {
+    position: fixed;
+    z-index: 999;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(var(--rgb-background), .5);
+}
+
+div.layout-modal {
+    width: 480px;
+    height: fit-content;
+    position: relative;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    padding: 16px;
+    box-sizing: border-box;
+}
+
+div.modal-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: start;
+    margin-bottom: 16px;
+}
+
+div.modal-header>p {
+    color: rgba(var(--rgb-accent), 1);
+    font-size: x-large;
+    font-weight: 600;
+}
+
+div.modal-header>form>button {
+    background: transparent;
+    color: rgba(var(--rgb-text), 1);
+    font-size: x-large;
+    border: none;
+}
+
+div.modal-header>form>button:hover,
+div.modal-header>form>button:focus-visible {
+    color: rgba(var(--rgb-accent), 1);
+    cursor: pointer;
+}
+
+div.modal-content {
+    display: flex;
+    gap: 8px;
+    justify-content: center;
+}
+
+div.modal-content>input {
+    height: 40px;
+    padding: 0 8px;
+    box-sizing: border-box;
+    border: 1px solid rgba(var(--rgb-accent), 1);
+    background: transparent;
+    flex-basis: 100%;
+    font-family: monospace;
+    color: rgba(var(--rgb-text), 1);
+}
+
+div.modal-content>a {
+    fill: rgba(var(--rgb-text), 1);
+    border: 1px solid rgba(var(--rgb-accent), 1);
+    box-sizing: border-box;
+    padding: 8px 0;
+    flex-basis: 100%;
+    max-width: 40px;
+    height: 40px;
+    line-height: 24px;
+}
+
+div.modal-content>a:hover,
+div.modal-content>a:focus-visible {
+    background: rgba(var(--rgb-accent), 1);
+}
+
+div.modal-content>a>svg {
+    fill: rgba(var(--rgb-accent), 1);
+    display: block;
+    margin: auto;
+    height: 24px;
+}
+
+div.modal-content>a:hover>svg,
+div.modal-content>a:focus-visible>svg {
+    fill: rgba(var(--rgb-text), 1);
+}
+
+/* Navigation */
+div.article-actions {
+    display: flex;
+    justify-content: center;
+    gap: 8px;
+    margin-bottom: 8px;
+}
+
+div.article-actions>a {
+    border: 2px solid rgba(var(--rgb-accent), 1);
+    box-sizing: border-box;
+    flex-basis: 100%;
+    padding: 8px 0;
+}
+
+div.article-actions>a>svg {
+    fill: rgba(var(--rgb-accent), 1);
+    display: block;
+    margin: auto;
+    height: 16px;
+}
+
+div.article-actions>a:hover,
+div.article-actions>a:focus-visible {
+    background: rgba(var(--rgb-accent), 1);
+}
+
+div.article-actions>a:hover>svg,
+div.article-actions>a:focus-visible>svg {
+    fill: rgba(var(--rgb-text), 1);
+}
+
+div.article-chapters {
+    display: grid;
+}
+
+div.article-chapters>a.chapter,
+div.article-chapters>a.section {
+    transition: var(--transition-time) ease-in-out all;
+    text-decoration: none;
+}
+
+div.article-chapters>a.chapter {
+    margin-left: 16px;
+    transform: skew(0deg);
+}
+
+div.article-chapters>a.chapter:hover,
+div.article-chapters>a.chapter:focus-visible {
+    text-decoration: underline;
+}
+
+div.article-chapters>a.chapter[selected] {
+    position: relative;
+    letter-spacing: 1px;
+}
+
+div.article-chapters>a.chapter[selected]::before {
+    content: '>';
+    color: rgba(var(--rgb-accent), 1);
+    font-size: 24px;
+    font-weight: bold;
+    position: absolute;
+    left: -16px;
+}
+
+div.article-chapters>a.section {
+    margin-left: 32px;
+    font-size: small;
+}
+
+div.article-chapters>a.section:hover,
+div.article-chapters>a.section:focus-visible {
+    text-decoration: underline;
+}
+
+div.article-chapters>a.section[selected] {
+    color: rgba(var(--rgb-accent), 1);
+    letter-spacing: 1px;
+}
+
+/* Article */
+div.article-header {
+    width: 100%;
+    height: fit-content;
+    display: grid;
+    justify-items: center;
+}
+
+img.header-banner {
+    width: 100%;
+    object-fit: cover;
+    aspect-ratio: 3/1;
+    border-bottom: 4px solid rgba(var(--rgb-accent), 1);
+}
+
+p.header-title {
+    word-wrap: break-word;
+    overflow: hidden;
+    margin: 16px 0 24px 0;
+}
+
+div.header-chevrons {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+}
+
+div.article-content {
+    padding: 16px;
+    display: grid;
+    gap: 8px;
+}
+
+/* Elements */
+div.element-divider {
+    position: relative;
+    background-color: rgba(var(--rgb-accent), 1);
+    height: 2px;
+    margin: 16px 0;
+}
+
+div.element-divider::before {
+    content: '';
+    transform: translate(-50%, -50%);
+    position: absolute;
+    height: 16px;
+    width: 24px;
+    left: 50%;
+    top: 50%;
+    background: url('/public/divider.svg') rgba(var(--rgb-background), 1) no-repeat center;
+    padding: 0 4px;
+}
+
+p.element-header {
+    font-size: x-large;
+    font-weight: 500;
+    color: rgb(var(--rgb-accent));
+}
+
+p.element-subheader {
+    text-decoration: underline;
+    font-weight: 500;
+    color: rgb(var(--rgb-accent));
+}
@@ -0,0 +1,82 @@
+/* Section: Introduction */
+div.browser-introduction {
+    display: grid;
+    padding: 16px;
+    box-sizing: border-box;
+    gap: 8px;
+}
+
+p.intro-header {
+    font-size: large;
+    text-align: center;
+}
+
+img.intro-banner {
+    margin: auto;
+    image-rendering: pixelated;
+}
+
+p.intro-disclaimer {
+    font-size: small;
+    text-align: center;
+    color: rgba(var(--rgb-text), 0.8);
+}
+
+div.intro-dots {
+    display: flex;
+    justify-content: center;
+    font-size: small;
+}
+
+/* Section: Items */
+/* div.browser-content {} */
+
+a.browser-item {
+    display: grid;
+    text-decoration: none;
+}
+
+a.browser-item:not(:hover) .effect-rhombus-animated {
+    animation: none;
+}
+
+div.item-background,
+div.item-foreground,
+a.item-redirect {
+    grid-row: 1;
+    grid-column: 1;
+}
+
+div.item-background {
+    width: 100%;
+    height: 48px;
+    background-image: var(--background);
+    background-size: cover;
+    background-position: center;
+    filter: grayscale(1) brightness(0.5);
+}
+
+div.item-foreground {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-left: 8px;
+}
+
+p.item-description {
+    font-size: small;
+    font-style: italic;
+}
+
+/* Section: Footer */
+div.browser-footer {
+    padding: 16px;
+    box-sizing: border-box;
+}
+
+div.browser-footer>p {
+    width: 100%;
+    text-align: center;
+    font-family: monospace;
+    color: rgba(var(--rgb-text), 0.8);
+}
@@ -0,0 +1,270 @@
+:root {
+    --transition-time: 200ms;
+    --rgb-background: 0, 0, 0;
+    --rgb-text: 240, 240, 240;
+    --rgb-accent: 70, 70, 70;
+}
+
+body {
+    background-color: rgba(var(--rgb-background), 1);
+    margin: 0;
+    padding: 0;
+}
+
+::-webkit-scrollbar {
+    display: none;
+}
+
+a,
+p,
+span {
+    display: inline-block;
+    font-family: "Poppins", sans-serif;
+    line-height: 1.5em;
+    font-weight: 400;
+    color: rgba(var(--rgb-text), 1);
+    padding: 0;
+    margin: 0;
+}
+
+/* Global Effects */
+.effect-caution {
+    position: relative;
+    border: 4px solid rgba(var(--rgb-accent), 1);
+    background-color: rgba(var(--rgb-background), 1);
+    margin-bottom: 12px;
+    margin-right: 12px;
+}
+
+.effect-caution::before {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: -16px;
+    bottom: -16px;
+    box-sizing: border-box;
+    filter: brightness(0.5);
+    background: repeating-linear-gradient(45deg, rgba(var(--rgb-accent), 1) 0, rgba(var(--rgb-accent), 1) 8px, rgba(var(--rgb-background), 1) 8px, rgba(var(--rgb-background), 1) 16px);
+    clip-path: polygon(calc(100% - 11px) 0, 100% 0, 100% 100%, 0 100%, 0 calc(100% - 11px), calc(100% - 11px) calc(100% - 11px));
+}
+
+.effect-docked {
+    font-size: 2em;
+    font-weight: 700;
+    text-align: center;
+    position: relative;
+    padding: 0 16px;
+    z-index: 1;
+}
+
+.effect-docked::before {
+    position: absolute;
+    content: '';
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    box-sizing: border-box;
+    background: rgba(var(--rgb-accent), 0.7);
+    clip-path: polygon(12px 60%, calc(100% - 12px) 60%, 100% 100%, 0 100%);
+    z-index: -1;
+}
+
+.effect-rhombus-animated,
+.effect-rhombus-left,
+.effect-rhombus-right {
+    position: relative;
+    font-weight: 500;
+    padding: 0 16px;
+    z-index: 1;
+}
+
+.effect-rhombus-animated::before,
+.effect-rhombus-left::before,
+.effect-rhombus-right::before {
+    position: absolute;
+    content: '';
+    height: 100%;
+    width: 100%;
+    top: 0;
+    left: 0;
+    box-sizing: border-box;
+    background: rgba(var(--rgb-accent), .8);
+    z-index: -1;
+}
+
+.effect-rhombus-left {
+    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 100%, 8px 100%);
+}
+
+.effect-rhombus-right {
+    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
+}
+
+.effect-rhombus-animated {
+    animation: kf-rhombus 1s ease-in-out infinite alternate;
+}
+
+@keyframes kf-rhombus {
+    0% {
+        clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 100%, 8px 100%);
+    }
+
+    100% {
+        clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
+    }
+}
+
+div.effect-chevron-container {
+    align-items: end;
+}
+
+.effect-chevron-point-left,
+.effect-chevron-point-right {
+    display: inline-block;
+    background-color: rgba(var(--rgb-accent), 1);
+    text-decoration: none;
+    font-weight: 500;
+    height: 24px;
+    width: fit-content;
+    padding: 0 16px;
+}
+
+.effect-chevron-point-right {
+    margin-right: -4px;
+    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%);
+}
+
+div.effect-chevron-container>.effect-chevron-point-right:first-child {
+    padding-left: 8px;
+    clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
+}
+
+.effect-chevron-point-left {
+    margin-left: -4px;
+    clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 50%, 100% 100%, 8px 100%, 0 50%);
+}
+
+div.effect-chevron-container>.effect-chevron-point-left:last-child {
+    padding-right: 8px;
+    clip-path: polygon(8px 0, 100% 0, 100% 100%, 8px 100%, 0 50%);
+}
+
+span.effect-dot {
+    height: 16px;
+    width: 16px;
+    position: relative;
+    align-self: center;
+    border-radius: 100%;
+    background-color: rgba(var(--color), 0.8);
+    margin: 0 8px;
+}
+
+span.effect-dot::before {
+    content: '';
+    height: 10px;
+    width: 10px;
+    border-radius: 100%;
+    position: absolute;
+    background-color: rgba(var(--color), 1);
+    transform: translate(-50%, -50%);
+    left: 50%;
+    top: 50%;
+}
+
+/* Page Layout */
+div.layout-wrapper {
+    display: flex;
+    gap: 16px;
+    min-width: 1024px;
+    max-width: 1024px;
+    width: 1024px;
+    margin: 16px auto;
+}
+
+div.layout-navigation {
+    min-width: 286px;
+    max-width: 286px;
+    width: 100%;
+    height: fit-content;
+    position: sticky;
+    top: 16px;
+}
+
+div.layout-content {
+    width: 100%;
+    height: fit-content;
+}
+
+/* Layout: Navigation */
+div.navigation-header {
+    padding: 16px;
+}
+
+a.navigation-title {
+    width: 100%;
+    box-sizing: border-box;
+}
+
+p.navigation-description {
+    width: 100%;
+    padding: 8px 0;
+    text-align: center;
+    box-sizing: border-box;
+    font-size: small;
+}
+
+/* div.navigation-links {} */
+
+a.navigation-item {
+    width: 100%;
+    padding: 8px 16px;
+    box-sizing: border-box;
+    border-bottom: 4px solid rgba(var(--rgb-accent), 1);
+    text-decoration: none;
+    font-size: 20px;
+    font-weight: 500;
+    background-size: 100% 300%;
+    background-repeat: no-repeat;
+    background-image: var(--background);
+}
+
+a.navigation-item:first-child {
+    border-top: 4px solid rgba(var(--rgb-accent), 1);
+}
+
+div.navigation-content {
+    padding: 16px;
+    padding-bottom: 0;
+}
+
+div.navigation-footer {
+    display: flex;
+    padding: 16px;
+    justify-content: center;
+    align-items: center;
+    gap: 4px;
+}
+
+a.footer-item {
+    color: rgba(var(--rgb-accent), 1);
+    text-decoration: none;
+}
+
+a.footer-item:hover,
+a.footer-item:focus-visible {
+    text-decoration: underline;
+}
+
+div.footer-views {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    gap: 4px;
+}
+
+div.footer-views img {
+    height: 24px;
+    image-rendering: pixelated;
+}
@@ -0,0 +1,122 @@
+/* Local Version of following stylesheet to save on bandwidth while developing locally :3 */
+/* https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap */
+
+/* devanagari */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(/public/fonts/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format('woff2');
+    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(/public/fonts/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format('woff2');
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(/public/fonts/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(/public/fonts/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format('woff2');
+    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(/public/fonts/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format('woff2');
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 500;
+    font-display: swap;
+    src: url(/public/fonts/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+    src: url(/public/fonts/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format('woff2');
+    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+    src: url(/public/fonts/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format('woff2');
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 600;
+    font-display: swap;
+    src: url(/public/fonts/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+/* devanagari */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(/public/fonts/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format('woff2');
+    unicode-range: U+0900-097F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
+}
+
+/* latin-ext */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(/public/fonts/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format('woff2');
+    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 700;
+    font-display: swap;
+    src: url(/public/fonts/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}