diff --git a/.gitmodules b/.gitmodules deleted file mode 100644 index 01605dc..0000000 --- a/.gitmodules +++ /dev/null @@ -1,3 +0,0 @@ -[submodule "themes/hugo-saasify-theme"] - path = themes/hugo-saasify-theme - url = https://github.com/chaoming/hugo-saasify-theme diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss index 0235335..87315fc 100755 --- a/assets/scss/custom.scss +++ b/assets/scss/custom.scss @@ -113,23 +113,10 @@ header.header { } } -main > section { +section { &.hero { - height: 100vh; background-color: $bg-dark-blue; h1 { color: $chill-green; } - .hero-img { - padding-top: 3rem; - } - .btn-primary { - background-color: $orange; - color: white; - border-color: $orange; - &:hover { - background-color: $chill-orange; - border: 1px solid $chill-orange; - } - } } &.section-1 { background-color: white; @@ -353,8 +340,7 @@ section.dark { ///// PAGES - -main > section { +section { &.page-hero { height: 40vh; background-color: $bg-dark-blue; @@ -450,7 +436,7 @@ figure.image { } @media screen and (max-width: 1023px) { - main > section { + section { &.section-4 { h4 { height: 224px; @@ -478,7 +464,7 @@ figure.image { } @media screen and (max-width: 767px) { - main > section { + section { &.hero { height: 110vh; } @@ -543,7 +529,7 @@ figure.image { } @media screen and (max-width: 513px) { - main > section { + section { &.hero { height: 120vh; } @@ -566,7 +552,7 @@ figure.image { } @media screen and (max-width: 470px) { - main > section { + section { &.section-4 { h4 { height: 280px; diff --git a/content/_index.md b/content/_index.md index 402ff65..e2f2761 100644 --- a/content/_index.md +++ b/content/_index.md @@ -27,16 +27,12 @@ testimonials: --- {{< hero - headline="Build Your SaaS Website" - sub_headline="Create stunning, responsive websites that load instantly. Built with Hugo and TailwindCSS for maximum performance and flexibility." - primary_button_text="Get Started Free" - primary_button_url="#" - secondary_button_text="View Demo" - secondary_button_url="#" + headline="Le compagnon du travailleur social" + sub_headline="Une application web open source dédiée à faciliter le travail social." + primary_button_text="Essayer la démo" + primary_button_url="http://demo.chill.social/" + custom_class="hero" hero_image="/images/hero-dashboard.svg" - gradient-from="#dbeafe" - gradient-to="#f3e8ff" - gradient-angle="180" >}} {{< client-logos animate="true" >}} diff --git a/hugo.toml b/hugo.toml index f5643d9..7d2f0cd 100644 --- a/hugo.toml +++ b/hugo.toml @@ -29,6 +29,7 @@ paginatePath = "page" [security.funcs] getenv = ['^HUGO_', '^CI$'] + # Required Markup Configuration [markup] [markup.highlight] @@ -53,22 +54,19 @@ paginatePath = "page" [params] description = "Logiciel libre d'accompagnement social" author = "Champs-Libres" - logo = "/images/logo.png" # Path to your logo - # Google Analytics ID (e.g., "G-XXXXXXXXXX") - googleAnalytics = "G-XXXXXXXXXX" # Only enabled in production + logo = "/images/logo-darkmode.png" # Path to your logo + customCSS = ["css/custom.css"] - # Google Tag Manager ID (e.g., "GTM-XXXXXXX") - # Only enabled in production - googleTagManager = "GTM-XXXXXXX" # Header Configuration [params.header] - background = "bg-white/80 backdrop-blur-sm" - border = "border-b border-gray-100" + background = "header backdrop-blur-sm" + border = "none" + menu.linkClass = "text-white hover:text-primary font-bold transition duration-200" - # Header Logo - [params.header.logo] - src = "/images/logo.png" + # Header Logo + [params.header.logo] + src = "/images/logo-darkmode.png" # Global CTA Configuration (optional) [params.cta] diff --git a/layouts/partials/custom-head.html.example b/layouts/partials/custom-head.html similarity index 98% rename from layouts/partials/custom-head.html.example rename to layouts/partials/custom-head.html index c3e117f..18a2681 100644 --- a/layouts/partials/custom-head.html.example +++ b/layouts/partials/custom-head.html @@ -63,3 +63,6 @@ --> +{{- range .Site.Params.customCSS }} + +{{- end }} \ No newline at end of file diff --git a/package.json b/package.json index f015acc..5618b12 100644 --- a/package.json +++ b/package.json @@ -5,8 +5,9 @@ "author": "Chaoming Li", "license": "MIT", "scripts": { - "start": "concurrently \"npx tailwindcss -i themes/hugo-saasify-theme/assets/scss/main.scss -o static/css/style.css --watch\" \"hugo server -D\"", - "build": "tailwindcss -i themes/hugo-saasify-theme/assets/scss/main.scss -o static/css/style.css --minify && hugo --minify" + "scss": "sass --watch assets/scss/custom.scss:static/css/custom.css", + "start": "concurrently \"npx tailwindcss -i themes/chill-theme/assets/css/main.css -o static/css/style.css --watch\" \"npm run scss -- --watch\" \"hugo server -D\"", + "build": "tailwindcss -i themes/chill-theme/assets/css/main.css -o static/css/style.css --minify && npm run scss && hugo --minify" }, "devDependencies": { "@tailwindcss/forms": "^0.5.7", diff --git a/static/css/custom.css b/static/css/custom.css new file mode 100644 index 0000000..4345174 --- /dev/null +++ b/static/css/custom.css @@ -0,0 +1,391 @@ +@font-face { + font-family: 'Lato', Arial; + src: url("assets/fonts/Lato/Lato-Regular.ttf") format("truetype"); + font-display: optional; + font-weight: normal; + font-style: normal; } +body { + font-family: 'Lato', sans-serif; } + body .highlight { + padding: .25rem; } + body .highlight-1 { + background-color: rgba(67, 178, 157, 0.61); } + body .highlight-2 { + background-color: #e57469; } + body .highlight-3 { + background-color: #f1d275; } + +header.header { + background-color: #0d242e; } + +.chill-pres { + padding-top: 0rem; } + +.navbar .btn-primary { + background-color: #f46839; + border: 1px solid #f46839; + color: white; } + .navbar .btn-primary:hover { + background-color: #e89463; + border: 1px solid #e89463; } +.navbar .lang-select { + color: white; } + +section.hero { + background-color: #0d242e; } + section.hero h1 { + color: rgba(67, 178, 157, 0.61); } +section.section-1 { + background-color: white; + padding-top: 10rem; } + section.section-1 li { + font-weight: 600; } +section.section-2 { + background: #e9e3d8; + background: linear-gradient(180deg, #e9e3d8 0%, #efefef 100%); } + section.section-2 .container { + color: #0d242e; + text-align: center; + margin-top: 4rem; } + section.section-2 .container h2 { + line-height: 3.5rem; } +section.section-3 { + background: #efefef; + background: linear-gradient(180deg, #efefef 0%, white 100%); } + section.section-3 h2 { + position: relative; + z-index: 1; } + section.section-3 h2:before { + content: ''; + position: absolute; + width: 70px; + height: 70px; + left: -10%; + top: -30%; + margin-left: -35px; + background-color: #f46839; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); + z-index: 0; + border-radius: 50px; } +section.section-4 { + position: relative; + background-color: white; } + section.section-4 .row { + padding-bottom: 5rem; } + section.section-4 h4 { + font-weight: bold; + height: 175px; + color: #0d242e; + border: 1px dashed #0d242e; + border-radius: 15px; + padding: 3rem; } + section.section-4 .btn-primary { + position: absolute; + top: 52%; + left: 28%; } +section.section-5 { + background-color: rgba(67, 178, 157, 0.11); } +section.section-6 { + background-color: #0d242e !important; + background-repeat: repeat; + background-position: top center; + background-image: url("/images/bg/pattern-1.png"); } +section.section-7 h2 { + position: relative; + z-index: 1; } + section.section-7 h2:before { + content: ''; + position: absolute; + width: 70px; + height: 70px; + left: -15%; + top: -30%; + margin-left: -35px; + background-color: #fcc958; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); + z-index: 0; + border-radius: 0; } + +section h2.title { + color: #0d242e; } +section.big-text h2, section.big-text p, section.li-block h2, section.li-block p { + width: fit-content; + margin-left: auto; + margin-right: auto; } +section.big-text .container .row > div:last-child { + width: 80%; + margin-left: 10%; } +section.li-block .container .row > div:last-child { + width: 100%; } +section.li-block .container .row > div ul { + display: flex; } + section.li-block .container .row > div ul li { + flex: 1 0 0; + margin: 0.5em 2rem 0.5em 2rem; + padding: 2em 1em 1em 1em; + text-align: center; + border-radius: 20px; } + section.li-block .container .row > div ul li i:first-child { + display: none; } +section.li-block.section-1 ul li { + font-weight: 500; + font-size: large; + position: relative; } + section.li-block.section-1 ul li:nth-child(1) { + position: relative; + z-index: 1; } + section.li-block.section-1 ul li:nth-child(1):before { + content: ''; + position: absolute; + width: 100px; + height: 100px; + left: 44%; + top: -60%; + margin-left: -35px; + background-color: #56c4aa; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); + z-index: 0; + border-radius: 0; } + section.li-block.section-1 ul li:nth-child(2) { + position: relative; + z-index: 1; } + section.li-block.section-1 ul li:nth-child(2):before { + content: ''; + position: absolute; + width: 100px; + height: 100px; + left: 44%; + top: -60%; + margin-left: -35px; + background-color: #f0384d; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); + z-index: 0; + border-radius: 50px; } + section.li-block.section-1 ul li:nth-child(3) { + position: relative; + z-index: 1; } + section.li-block.section-1 ul li:nth-child(3):before { + content: ''; + position: absolute; + width: 100px; + height: 100px; + left: 44%; + top: -60%; + margin-left: -35px; + background-color: #e89463; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); + z-index: 0; + border-radius: 0; } + section.li-block.section-1 ul li:nth-child(4) { + position: relative; + z-index: 1; } + section.li-block.section-1 ul li:nth-child(4):before { + content: ''; + position: absolute; + width: 100px; + height: 100px; + left: 44%; + top: -60%; + margin-left: -35px; + background-color: #fcc958; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); + z-index: 0; + border-radius: 50px; } +section.li-block.section-5 .container .row p { + margin-bottom: 5rem; } +section.li-block.section-5 .container .row ul li { + border-radius: 1em; + background: rgba(255, 255, 255, 0.2); + backdrop-filter: blur(20px); + width: 400px; + height: 180px; + padding: .85rem; + position: relative; + z-index: 0; + overflow: hidden; + transition: 0.6s ease-in; } + section.li-block.section-5 .container .row ul li::before { + content: ""; + position: absolute; + z-index: -1; + top: -15px; + right: -15px; + height: 220px; + width: 25px; + border-radius: 32px; + transform: scale(1); + transform-origin: 50% 50%; + transition: transform 0.25s ease-out; } + section.li-block.section-5 .container .row ul li:nth-child(1)::before { + background-color: rgba(240, 56, 77, 0.85); } + section.li-block.section-5 .container .row ul li:nth-child(2)::before { + background-color: rgba(232, 148, 99, 0.85); } + section.li-block.section-5 .container .row ul li:nth-child(3)::before { + background-color: rgba(67, 178, 157, 0.85); } + section.li-block.section-5 .container .row ul li:nth-child(4)::before { + background-color: #f1d275; } + section.li-block.section-5 .container .row ul li:hover::before { + transition-delay: 0.2s; + transform: scale(40); } + section.li-block.section-5 .container .row ul li:hover { + color: #ffffff; } + section.li-block.section-5 .container .row ul li:hover h5 { + color: #efefef; } + section.li-block.section-5 .container .row ul li h5 { + color: #0d242e; + font-weight: bold; } +section.li-block a.btn-chill { + background-color: #fc3636; } + +.btn-primary { + background-color: #f46839; + color: white; + border: 1px solid #f46839; + border-radius: 2em; } + +.download { + margin-right: auto; + margin-left: auto; + display: block; } + .download a { + text-decoration: none; + padding: .5rem; } + +section.dark p { + color: white; + font-weight: bolder; } + +.hop { + color: red; } + +section.page-hero { + height: 40vh; + background-color: #0d242e; + background-repeat: repeat; + background-position: top center; + background-image: url("/images/bg/pattern-1.png"); } + section.page-hero h1 { + color: #56c4aa; } + section.page-hero i { + color: #efefef; } +section .content-subtitle { + text-transform: uppercase; + padding-left: 2rem; } +section .bord-1 { + border-left: 4px solid #e89463; } +section .bord-2 { + border-left: 4px solid #d3c7b1; } +section .bord-3 { + border-left: 4px solid #f1d275; } +section .bord-4 { + border-left: 4px solid rgba(67, 178, 157, 0.61); } + +.chapo { + font-size: large; + font-weight: 600; + text-align: center; + padding-bottom: 2rem; + font-style: italic; + position: relative; + margin-bottom: 5rem; } + .chapo::after { + content: ''; + position: absolute; + left: 0; + right: 0; + top: 100%; + margin: 10px auto; + width: 15%; + height: 6px; + background: #dc516d; } + +figure.image { + display: flex; + flex-direction: column; } + figure.image.left { + float: left; + margin-right: 1.5em; } + figure.image.right { + float: right; + margin-left: 1.5em; } + figure.image.center { + display: flex; + justify-content: center; + align-items: center; } + figure.image img { + margin-bottom: 0; } + +.text-brochure { + text-align: center; } + +@media screen and (max-width: 1279px) { + section.li-block.section-5 .container .row ul { + flex-wrap: wrap; } + section.li-block.section-5 .container .row ul li { + flex: 30%; } } +@media screen and (max-width: 1023px) { + section.section-4 h4 { + height: 224px; } + section.section-4 .btn-primary { + top: 56%; } + + section.li-block.section-5 .container .row ul { + flex-wrap: wrap; } + section.li-block.section-5 .container .row ul li { + flex: 50%; } } +@media screen and (max-width: 767px) { + section.hero { + height: 110vh; } + section.section-3 h2:before { + top: -70%; + left: 5%; + z-index: -1; } + section.section-4 h4 { + height: 280px; } + section.section-4 .btn-primary { + top: 64%; } + + section.li-block .container .row > div ul { + flex-direction: column; } + section.li-block .container .row > div ul li { + margin-bottom: 4rem; } + section.li-block.section-1 ul li:nth-child(1) { + top: -66%; } + section.li-block.section-1 ul li:nth-child(2) { + top: -66%; } + section.li-block.section-1 ul li:nth-child(3):before { + top: -85%; } + section.li-block.section-1 ul li:nth-child(4):before { + top: -85%; } + section.li-block.section-5 .container .row ul { + flex-wrap: wrap; } + section.li-block.section-5 .container .row ul li { + flex: 50%; } } +@media screen and (max-width: 513px) { + section.hero { + height: 120vh; } + section.section-4 h4 { + font-size: 1.1rem; } + section.section-4 .btn-primary { + top: 64%; } + section.section-5 .container .row ul li { + width: 350px; } } +@media screen and (max-width: 470px) { + section.section-4 h4 { + height: 280px; } + section.section-4 .btn-primary { + top: 64%; } + + section.li-block.section-1 ul li:nth-child(3):before { + top: -70%; } + section.li-block.section-1 ul li:nth-child(4):before { + top: -70%; } + section.li-block.section-5 .container .row ul { + flex-wrap: wrap; } + section.li-block.section-5 .container .row ul li { + width: 350px; } } +@media screen and (max-width: 420px) { + section.li-block.section-5 .container .row ul li { + width: 300px; } } + +/*# sourceMappingURL=custom.css.map */ diff --git a/static/css/custom.css.map b/static/css/custom.css.map new file mode 100644 index 0000000..136b798 --- /dev/null +++ b/static/css/custom.css.map @@ -0,0 +1,7 @@ +{ +"version": 3, +"mappings": "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", +"sources": ["../../assets/scss/custom.scss"], +"names": [], +"file": "custom.css" +} \ No newline at end of file diff --git a/static/css/style.css b/static/css/style.css index eea8f28..174d4c0 100644 --- a/static/css/style.css +++ b/static/css/style.css @@ -154,7 +154,7 @@ html, -o-tab-size: 4; tab-size: 4; /* 3 */ - font-family: Inter, system-ui, sans-serif; + font-family: Lato, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ @@ -749,220 +749,18 @@ input:where([type='file']):focus { outline: 1px auto -webkit-focus-ring-color; } -input:where([type='text']),input:where(:not([type])),input:where([type='email']),input:where([type='url']),input:where([type='password']),input:where([type='number']),input:where([type='date']),input:where([type='datetime-local']),input:where([type='month']),input:where([type='search']),input:where([type='tel']),input:where([type='time']),input:where([type='week']),select:where([multiple]),textarea,select { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-color: #fff; - border-color: #6b7280; - border-width: 1px; - border-radius: 0px; - padding-top: 0.5rem; - padding-right: 0.75rem; - padding-bottom: 0.5rem; - padding-left: 0.75rem; - font-size: 1rem; - line-height: 1.5rem; - --tw-shadow: 0 0 #0000; -} - -input:where([type='text']):focus, input:where(:not([type])):focus, input:where([type='email']):focus, input:where([type='url']):focus, input:where([type='password']):focus, input:where([type='number']):focus, input:where([type='date']):focus, input:where([type='datetime-local']):focus, input:where([type='month']):focus, input:where([type='search']):focus, input:where([type='tel']):focus, input:where([type='time']):focus, input:where([type='week']):focus, select:where([multiple]):focus, textarea:focus, select:focus { - outline: 2px solid transparent; - outline-offset: 2px; - --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); - --tw-ring-offset-width: 0px; - --tw-ring-offset-color: #fff; - --tw-ring-color: #2563eb; - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); - border-color: #2563eb; -} - -input::-moz-placeholder, textarea::-moz-placeholder { - color: #6b7280; - opacity: 1; -} - -input::placeholder,textarea::placeholder { - color: #6b7280; - opacity: 1; -} - -::-webkit-datetime-edit-fields-wrapper { - padding: 0; -} - -::-webkit-date-and-time-value { - min-height: 1.5em; - text-align: inherit; -} - -::-webkit-datetime-edit { - display: inline-flex; -} - -::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field { - padding-top: 0; - padding-bottom: 0; -} - -select { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); - background-position: right 0.5rem center; - background-repeat: no-repeat; - background-size: 1.5em 1.5em; - padding-right: 2.5rem; - -webkit-print-color-adjust: exact; - print-color-adjust: exact; -} - -select:where([multiple]),select:where([size]:not([size="1"])) { - background-image: initial; - background-position: initial; - background-repeat: unset; - background-size: initial; - padding-right: 0.75rem; - -webkit-print-color-adjust: unset; - print-color-adjust: unset; -} - -input:where([type='checkbox']),input:where([type='radio']) { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - padding: 0; - -webkit-print-color-adjust: exact; - print-color-adjust: exact; - display: inline-block; - vertical-align: middle; - background-origin: border-box; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; - flex-shrink: 0; - height: 1rem; - width: 1rem; - color: #2563eb; - background-color: #fff; - border-color: #6b7280; - border-width: 1px; - --tw-shadow: 0 0 #0000; -} - -input:where([type='checkbox']) { - border-radius: 0px; -} - -input:where([type='radio']) { - border-radius: 100%; -} - -input:where([type='checkbox']):focus,input:where([type='radio']):focus { - outline: 2px solid transparent; - outline-offset: 2px; - --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); - --tw-ring-offset-width: 2px; - --tw-ring-offset-color: #fff; - --tw-ring-color: #2563eb; - --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); - --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); - box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); -} - -input:where([type='checkbox']):checked,input:where([type='radio']):checked { - border-color: transparent; - background-color: currentColor; - background-size: 100% 100%; - background-position: center; - background-repeat: no-repeat; -} - -input:where([type='checkbox']):checked { - background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); -} - -@media (forced-colors: active) { - input:where([type='checkbox']):checked { - -webkit-appearance: auto; - -moz-appearance: auto; - appearance: auto; - } -} - -input:where([type='radio']):checked { - background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); -} - -@media (forced-colors: active) { - input:where([type='radio']):checked { - -webkit-appearance: auto; - -moz-appearance: auto; - appearance: auto; - } -} - -input:where([type='checkbox']):checked:hover,input:where([type='checkbox']):checked:focus,input:where([type='radio']):checked:hover,input:where([type='radio']):checked:focus { - border-color: transparent; - background-color: currentColor; -} - -input:where([type='checkbox']):indeterminate { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); - border-color: transparent; - background-color: currentColor; - background-size: 100% 100%; - background-position: center; - background-repeat: no-repeat; -} - -@media (forced-colors: active) { - input:where([type='checkbox']):indeterminate { - -webkit-appearance: auto; - -moz-appearance: auto; - appearance: auto; - } -} - -input:where([type='checkbox']):indeterminate:hover,input:where([type='checkbox']):indeterminate:focus { - border-color: transparent; - background-color: currentColor; -} - -input:where([type='file']) { - background: unset; - border-color: inherit; - border-width: 0; - border-radius: 0; - padding: 0; - font-size: unset; - line-height: inherit; -} - -input:where([type='file']):focus { - outline: 1px solid ButtonText; - outline: 1px auto -webkit-focus-ring-color; -} - html { scroll-behavior: smooth; } body { - font-family: Inter, system-ui, sans-serif; + font-family: Lato, sans-serif; --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity, 1)); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } -h1, h2, h3, h4, h5, h6 { - font-family: Plus Jakarta Sans, sans-serif; - font-weight: 700; - --tw-text-opacity: 1; - color: rgb(17 24 39 / var(--tw-text-opacity, 1)); -} - .container { width: 100%; } @@ -1996,1005 +1794,6 @@ h1, h2, h3, h4, h5, h6 { margin-bottom: 0; } -.prose { - color: var(--tw-prose-body); - max-width: 65ch; -} - -.prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.25em; - margin-bottom: 1.25em; -} - -.prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-lead); - font-size: 1.25em; - line-height: 1.6; - margin-top: 1.2em; - margin-bottom: 1.2em; -} - -.prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-links); - text-decoration: underline; - font-weight: 500; -} - -.prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-bold); - font-weight: 600; -} - -.prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; -} - -.prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; -} - -.prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; -} - -.prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: decimal; - margin-top: 1.25em; - margin-bottom: 1.25em; - padding-inline-start: 1.625em; -} - -.prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: upper-alpha; -} - -.prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: lower-alpha; -} - -.prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: upper-alpha; -} - -.prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: lower-alpha; -} - -.prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: upper-roman; -} - -.prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: lower-roman; -} - -.prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: upper-roman; -} - -.prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: lower-roman; -} - -.prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: decimal; -} - -.prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: disc; - margin-top: 1.25em; - margin-bottom: 1.25em; - padding-inline-start: 1.625em; -} - -.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { - font-weight: 400; - color: var(--tw-prose-counters); -} - -.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { - color: var(--tw-prose-bullets); -} - -.prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - margin-top: 1.25em; -} - -.prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - border-color: var(--tw-prose-hr); - border-top-width: 1px; - margin-top: 3em; - margin-bottom: 3em; -} - -.prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 500; - font-style: italic; - color: var(--tw-prose-quotes); - border-inline-start-width: 0.25rem; - border-inline-start-color: var(--tw-prose-quote-borders); - quotes: "\201C""\201D""\2018""\2019"; - margin-top: 1.6em; - margin-bottom: 1.6em; - padding-inline-start: 1em; -} - -.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { - content: open-quote; -} - -.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { - content: close-quote; -} - -.prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 800; - font-size: 2.25em; - margin-top: 0; - margin-bottom: 0.8888889em; - line-height: 1.1111111; -} - -.prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 900; - color: inherit; -} - -.prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 700; - font-size: 1.5em; - margin-top: 2em; - margin-bottom: 1em; - line-height: 1.3333333; -} - -.prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 800; - color: inherit; -} - -.prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - font-size: 1.25em; - margin-top: 1.6em; - margin-bottom: 0.6em; - line-height: 1.6; -} - -.prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 700; - color: inherit; -} - -.prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - margin-top: 1.5em; - margin-bottom: 0.5em; - line-height: 1.5; -} - -.prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 700; - color: inherit; -} - -.prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 2em; - margin-bottom: 2em; -} - -.prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - display: block; - margin-top: 2em; - margin-bottom: 2em; -} - -.prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 2em; - margin-bottom: 2em; -} - -.prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 500; - font-family: inherit; - color: var(--tw-prose-kbd); - box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); - font-size: 0.875em; - border-radius: 0.3125rem; - padding-top: 0.1875em; - padding-inline-end: 0.375em; - padding-bottom: 0.1875em; - padding-inline-start: 0.375em; -} - -.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-code); - font-weight: 600; - font-size: 0.875em; -} - -.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { - content: "`"; -} - -.prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { - content: "`"; -} - -.prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; -} - -.prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; -} - -.prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; - font-size: 0.875em; -} - -.prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; - font-size: 0.9em; -} - -.prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; -} - -.prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; -} - -.prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; -} - -.prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-pre-code); - background-color: var(--tw-prose-pre-bg); - overflow-x: auto; - font-weight: 400; - font-size: 0.875em; - line-height: 1.7142857; - margin-top: 1.7142857em; - margin-bottom: 1.7142857em; - border-radius: 0.375rem; - padding-top: 0.8571429em; - padding-inline-end: 1.1428571em; - padding-bottom: 0.8571429em; - padding-inline-start: 1.1428571em; -} - -.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - background-color: transparent; - border-width: 0; - border-radius: 0; - padding: 0; - font-weight: inherit; - color: inherit; - font-size: inherit; - font-family: inherit; - line-height: inherit; -} - -.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { - content: none; -} - -.prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { - content: none; -} - -.prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - width: 100%; - table-layout: auto; - margin-top: 2em; - margin-bottom: 2em; - font-size: 0.875em; - line-height: 1.7142857; -} - -.prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - border-bottom-width: 1px; - border-bottom-color: var(--tw-prose-th-borders); -} - -.prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - vertical-align: bottom; - padding-inline-end: 0.5714286em; - padding-bottom: 0.5714286em; - padding-inline-start: 0.5714286em; -} - -.prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - border-bottom-width: 1px; - border-bottom-color: var(--tw-prose-td-borders); -} - -.prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - border-bottom-width: 0; -} - -.prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - vertical-align: baseline; -} - -.prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - border-top-width: 1px; - border-top-color: var(--tw-prose-th-borders); -} - -.prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - vertical-align: top; -} - -.prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - text-align: start; -} - -.prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - margin-bottom: 0; -} - -.prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-captions); - font-size: 0.875em; - line-height: 1.4285714; - margin-top: 0.8571429em; -} - -.prose { - --tw-prose-body: #374151; - --tw-prose-headings: #111827; - --tw-prose-lead: #4b5563; - --tw-prose-links: #111827; - --tw-prose-bold: #111827; - --tw-prose-counters: #6b7280; - --tw-prose-bullets: #d1d5db; - --tw-prose-hr: #e5e7eb; - --tw-prose-quotes: #111827; - --tw-prose-quote-borders: #e5e7eb; - --tw-prose-captions: #6b7280; - --tw-prose-kbd: #111827; - --tw-prose-kbd-shadows: rgb(17 24 39 / 10%); - --tw-prose-code: #111827; - --tw-prose-pre-code: #e5e7eb; - --tw-prose-pre-bg: #1f2937; - --tw-prose-th-borders: #d1d5db; - --tw-prose-td-borders: #e5e7eb; - --tw-prose-invert-body: #d1d5db; - --tw-prose-invert-headings: #fff; - --tw-prose-invert-lead: #9ca3af; - --tw-prose-invert-links: #fff; - --tw-prose-invert-bold: #fff; - --tw-prose-invert-counters: #9ca3af; - --tw-prose-invert-bullets: #4b5563; - --tw-prose-invert-hr: #374151; - --tw-prose-invert-quotes: #f3f4f6; - --tw-prose-invert-quote-borders: #374151; - --tw-prose-invert-captions: #9ca3af; - --tw-prose-invert-kbd: #fff; - --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); - --tw-prose-invert-code: #fff; - --tw-prose-invert-pre-code: #d1d5db; - --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); - --tw-prose-invert-th-borders: #4b5563; - --tw-prose-invert-td-borders: #374151; - font-size: 1rem; - line-height: 1.75; -} - -.prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - margin-bottom: 0; -} - -.prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.5em; - margin-bottom: 0.5em; -} - -.prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0.375em; -} - -.prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0.375em; -} - -.prose :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.75em; - margin-bottom: 0.75em; -} - -.prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.25em; -} - -.prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 1.25em; -} - -.prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.25em; -} - -.prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 1.25em; -} - -.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.75em; - margin-bottom: 0.75em; -} - -.prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.25em; - margin-bottom: 1.25em; -} - -.prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.5em; - padding-inline-start: 1.625em; -} - -.prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0; -} - -.prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-end: 0; -} - -.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-top: 0.5714286em; - padding-inline-end: 0.5714286em; - padding-bottom: 0.5714286em; - padding-inline-start: 0.5714286em; -} - -.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0; -} - -.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-end: 0; -} - -.prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 2em; - margin-bottom: 2em; -} - -.prose :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 0; -} - -.prose-sm { - font-size: 0.875rem; - line-height: 1.7142857; -} - -.prose-sm :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.1428571em; - margin-bottom: 1.1428571em; -} - -.prose-sm :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 1.2857143em; - line-height: 1.5555556; - margin-top: 0.8888889em; - margin-bottom: 0.8888889em; -} - -.prose-sm :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - padding-inline-start: 1.1111111em; -} - -.prose-sm :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 2.1428571em; - margin-top: 0; - margin-bottom: 0.8em; - line-height: 1.2; -} - -.prose-sm :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 1.4285714em; - margin-top: 1.6em; - margin-bottom: 0.8em; - line-height: 1.4; -} - -.prose-sm :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 1.2857143em; - margin-top: 1.5555556em; - margin-bottom: 0.4444444em; - line-height: 1.5555556; -} - -.prose-sm :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.4285714em; - margin-bottom: 0.5714286em; - line-height: 1.4285714; -} - -.prose-sm :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.7142857em; - margin-bottom: 1.7142857em; -} - -.prose-sm :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.7142857em; - margin-bottom: 1.7142857em; -} - -.prose-sm :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - margin-bottom: 0; -} - -.prose-sm :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.7142857em; - margin-bottom: 1.7142857em; -} - -.prose-sm :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8571429em; - border-radius: 0.3125rem; - padding-top: 0.1428571em; - padding-inline-end: 0.3571429em; - padding-bottom: 0.1428571em; - padding-inline-start: 0.3571429em; -} - -.prose-sm :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8571429em; -} - -.prose-sm :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.9em; -} - -.prose-sm :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8888889em; -} - -.prose-sm :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8571429em; - line-height: 1.6666667; - margin-top: 1.6666667em; - margin-bottom: 1.6666667em; - border-radius: 0.25rem; - padding-top: 0.6666667em; - padding-inline-end: 1em; - padding-bottom: 0.6666667em; - padding-inline-start: 1em; -} - -.prose-sm :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.1428571em; - margin-bottom: 1.1428571em; - padding-inline-start: 1.5714286em; -} - -.prose-sm :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.1428571em; - margin-bottom: 1.1428571em; - padding-inline-start: 1.5714286em; -} - -.prose-sm :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.2857143em; - margin-bottom: 0.2857143em; -} - -.prose-sm :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0.4285714em; -} - -.prose-sm :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0.4285714em; -} - -.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.5714286em; - margin-bottom: 0.5714286em; -} - -.prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.1428571em; -} - -.prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 1.1428571em; -} - -.prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.1428571em; -} - -.prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 1.1428571em; -} - -.prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.5714286em; - margin-bottom: 0.5714286em; -} - -.prose-sm :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.1428571em; - margin-bottom: 1.1428571em; -} - -.prose-sm :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.1428571em; -} - -.prose-sm :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.2857143em; - padding-inline-start: 1.5714286em; -} - -.prose-sm :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 2.8571429em; - margin-bottom: 2.8571429em; -} - -.prose-sm :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose-sm :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose-sm :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose-sm :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose-sm :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8571429em; - line-height: 1.5; -} - -.prose-sm :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-end: 1em; - padding-bottom: 0.6666667em; - padding-inline-start: 1em; -} - -.prose-sm :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0; -} - -.prose-sm :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-end: 0; -} - -.prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-top: 0.6666667em; - padding-inline-end: 1em; - padding-bottom: 0.6666667em; - padding-inline-start: 1em; -} - -.prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0; -} - -.prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-end: 0; -} - -.prose-sm :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.7142857em; - margin-bottom: 1.7142857em; -} - -.prose-sm :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - margin-bottom: 0; -} - -.prose-sm :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8571429em; - line-height: 1.3333333; - margin-top: 0.6666667em; -} - -.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 0; -} - -.prose-lg { - font-size: 1.125rem; - line-height: 1.7777778; -} - -.prose-lg :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; -} - -.prose-lg :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 1.2222222em; - line-height: 1.4545455; - margin-top: 1.0909091em; - margin-bottom: 1.0909091em; -} - -.prose-lg :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.6666667em; - margin-bottom: 1.6666667em; - padding-inline-start: 1em; -} - -.prose-lg :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 2.6666667em; - margin-top: 0; - margin-bottom: 0.8333333em; - line-height: 1; -} - -.prose-lg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 1.6666667em; - margin-top: 1.8666667em; - margin-bottom: 1.0666667em; - line-height: 1.3333333; -} - -.prose-lg :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 1.3333333em; - margin-top: 1.6666667em; - margin-bottom: 0.6666667em; - line-height: 1.5; -} - -.prose-lg :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.7777778em; - margin-bottom: 0.4444444em; - line-height: 1.5555556; -} - -.prose-lg :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; -} - -.prose-lg :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; -} - -.prose-lg :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - margin-bottom: 0; -} - -.prose-lg :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; -} - -.prose-lg :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8888889em; - border-radius: 0.3125rem; - padding-top: 0.2222222em; - padding-inline-end: 0.4444444em; - padding-bottom: 0.2222222em; - padding-inline-start: 0.4444444em; -} - -.prose-lg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8888889em; -} - -.prose-lg :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8666667em; -} - -.prose-lg :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.875em; -} - -.prose-lg :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8888889em; - line-height: 1.75; - margin-top: 2em; - margin-bottom: 2em; - border-radius: 0.375rem; - padding-top: 1em; - padding-inline-end: 1.5em; - padding-bottom: 1em; - padding-inline-start: 1.5em; -} - -.prose-lg :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - padding-inline-start: 1.5555556em; -} - -.prose-lg :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - padding-inline-start: 1.5555556em; -} - -.prose-lg :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.6666667em; - margin-bottom: 0.6666667em; -} - -.prose-lg :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0.4444444em; -} - -.prose-lg :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0.4444444em; -} - -.prose-lg :where(.prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.8888889em; - margin-bottom: 0.8888889em; -} - -.prose-lg :where(.prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.3333333em; -} - -.prose-lg :where(.prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 1.3333333em; -} - -.prose-lg :where(.prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.3333333em; -} - -.prose-lg :where(.prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 1.3333333em; -} - -.prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.8888889em; - margin-bottom: 0.8888889em; -} - -.prose-lg :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; -} - -.prose-lg :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.3333333em; -} - -.prose-lg :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.6666667em; - padding-inline-start: 1.5555556em; -} - -.prose-lg :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 3.1111111em; - margin-bottom: 3.1111111em; -} - -.prose-lg :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose-lg :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose-lg :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose-lg :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose-lg :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8888889em; - line-height: 1.5; -} - -.prose-lg :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-end: 0.75em; - padding-bottom: 0.75em; - padding-inline-start: 0.75em; -} - -.prose-lg :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0; -} - -.prose-lg :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-end: 0; -} - -.prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-top: 0.75em; - padding-inline-end: 0.75em; - padding-bottom: 0.75em; - padding-inline-start: 0.75em; -} - -.prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0; -} - -.prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-end: 0; -} - -.prose-lg :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; -} - -.prose-lg :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - margin-bottom: 0; -} - -.prose-lg :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8888889em; - line-height: 1.5; - margin-top: 1em; -} - -.prose-lg :where(.prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; -} - -.prose-lg :where(.prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 0; -} - .cta-section { padding-top: 3rem; padding-bottom: 3rem; @@ -3035,7 +1834,7 @@ h1, h2, h3, h4, h5, h6 { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2rem; --tw-bg-opacity: 1; - background-color: rgb(244 104 57 / var(--tw-bg-opacity, 1)); + background-color: rgb(46 69 83 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } @@ -3045,7 +1844,7 @@ h1, h2, h3, h4, h5, h6 { --tw-scale-y: 1.05; 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)); --tw-bg-opacity: 1; - background-color: rgb(229 116 105 / var(--tw-bg-opacity, 1)); + background-color: rgb(39 58 69 / var(--tw-bg-opacity, 1)); } .btn-outline { @@ -3063,9 +1862,9 @@ h1, h2, h3, h4, h5, h6 { border-radius: 2rem; border-width: 2px; --tw-border-opacity: 1; - border-color: rgb(244 104 57 / var(--tw-border-opacity, 1)); + border-color: rgb(46 69 83 / var(--tw-border-opacity, 1)); --tw-text-opacity: 1; - color: rgb(244 104 57 / var(--tw-text-opacity, 1)); + color: rgb(46 69 83 / var(--tw-text-opacity, 1)); } .btn-outline:hover { @@ -3225,13 +2024,13 @@ h1, h2, h3, h4, h5, h6 { .prose a { --tw-text-opacity: 1; - color: rgb(244 104 57 / var(--tw-text-opacity, 1)); + color: rgb(46 69 83 / var(--tw-text-opacity, 1)); text-decoration-line: none; } .prose a:hover { --tw-text-opacity: 1; - color: rgb(229 116 105 / var(--tw-text-opacity, 1)); + color: rgb(39 58 69 / var(--tw-text-opacity, 1)); } .prose ul, .prose ol { @@ -3786,6 +2585,10 @@ h1, h2, h3, h4, h5, h6 { align-items: baseline; } +.justify-end { + justify-content: flex-end; +} + .justify-center { justify-content: center; } @@ -4031,17 +2834,17 @@ h1, h2, h3, h4, h5, h6 { .bg-primary-100 { --tw-bg-opacity: 1; - background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1)); + background-color: rgb(230 237 241 / var(--tw-bg-opacity, 1)); } .bg-primary-50 { --tw-bg-opacity: 1; - background-color: rgb(248 249 250 / var(--tw-bg-opacity, 1)); + background-color: rgb(242 246 248 / var(--tw-bg-opacity, 1)); } .bg-primary-600 { --tw-bg-opacity: 1; - background-color: rgb(244 104 57 / var(--tw-bg-opacity, 1)); + background-color: rgb(46 69 83 / var(--tw-bg-opacity, 1)); } .bg-red-500 { @@ -4049,6 +2852,11 @@ h1, h2, h3, h4, h5, h6 { background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } +.bg-secondary-100 { + --tw-bg-opacity: 1; + background-color: rgb(255 234 234 / var(--tw-bg-opacity, 1)); +} + .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); @@ -4082,15 +2890,9 @@ h1, h2, h3, h4, h5, h6 { --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } -.from-gray-50 { - --tw-gradient-from: #f9fafb var(--tw-gradient-from-position); - --tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - .from-primary-600 { - --tw-gradient-from: #f46839 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(244 104 57 / 0) var(--tw-gradient-to-position); + --tw-gradient-from: #2e4553 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(46 69 83 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } @@ -4100,7 +2902,7 @@ h1, h2, h3, h4, h5, h6 { } .to-primary-700 { - --tw-gradient-to: #e57469 var(--tw-gradient-to-position); + --tw-gradient-to: #273a45 var(--tw-gradient-to-position); } .to-white { @@ -4441,12 +3243,12 @@ h1, h2, h3, h4, h5, h6 { .text-primary-100 { --tw-text-opacity: 1; - color: rgb(241 243 245 / var(--tw-text-opacity, 1)); + color: rgb(230 237 241 / var(--tw-text-opacity, 1)); } .text-primary-600 { --tw-text-opacity: 1; - color: rgb(244 104 57 / var(--tw-text-opacity, 1)); + color: rgb(46 69 83 / var(--tw-text-opacity, 1)); } .text-white { @@ -5094,511 +3896,6 @@ h1, h2, h3, h4, h5, h6 { margin-bottom: 0; } - .sm\:prose { - color: var(--tw-prose-body); - max-width: 65ch; - } - - .sm\:prose :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.25em; - margin-bottom: 1.25em; - } - - .sm\:prose :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-lead); - font-size: 1.25em; - line-height: 1.6; - margin-top: 1.2em; - margin-bottom: 1.2em; - } - - .sm\:prose :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-links); - text-decoration: underline; - font-weight: 500; - } - - .sm\:prose :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-bold); - font-weight: 600; - } - - .sm\:prose :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; - } - - .sm\:prose :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; - } - - .sm\:prose :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; - } - - .sm\:prose :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: decimal; - margin-top: 1.25em; - margin-bottom: 1.25em; - padding-inline-start: 1.625em; - } - - .sm\:prose :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: upper-alpha; - } - - .sm\:prose :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: lower-alpha; - } - - .sm\:prose :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: upper-alpha; - } - - .sm\:prose :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: lower-alpha; - } - - .sm\:prose :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: upper-roman; - } - - .sm\:prose :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: lower-roman; - } - - .sm\:prose :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: upper-roman; - } - - .sm\:prose :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: lower-roman; - } - - .sm\:prose :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: decimal; - } - - .sm\:prose :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - list-style-type: disc; - margin-top: 1.25em; - margin-bottom: 1.25em; - padding-inline-start: 1.625em; - } - - .sm\:prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { - font-weight: 400; - color: var(--tw-prose-counters); - } - - .sm\:prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker { - color: var(--tw-prose-bullets); - } - - .sm\:prose :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - margin-top: 1.25em; - } - - .sm\:prose :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - border-color: var(--tw-prose-hr); - border-top-width: 1px; - margin-top: 3em; - margin-bottom: 3em; - } - - .sm\:prose :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 500; - font-style: italic; - color: var(--tw-prose-quotes); - border-inline-start-width: 0.25rem; - border-inline-start-color: var(--tw-prose-quote-borders); - quotes: "\201C""\201D""\2018""\2019"; - margin-top: 1.6em; - margin-bottom: 1.6em; - padding-inline-start: 1em; - } - - .sm\:prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { - content: open-quote; - } - - .sm\:prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { - content: close-quote; - } - - .sm\:prose :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 800; - font-size: 2.25em; - margin-top: 0; - margin-bottom: 0.8888889em; - line-height: 1.1111111; - } - - .sm\:prose :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 900; - color: inherit; - } - - .sm\:prose :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 700; - font-size: 1.5em; - margin-top: 2em; - margin-bottom: 1em; - line-height: 1.3333333; - } - - .sm\:prose :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 800; - color: inherit; - } - - .sm\:prose :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - font-size: 1.25em; - margin-top: 1.6em; - margin-bottom: 0.6em; - line-height: 1.6; - } - - .sm\:prose :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 700; - color: inherit; - } - - .sm\:prose :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - margin-top: 1.5em; - margin-bottom: 0.5em; - line-height: 1.5; - } - - .sm\:prose :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 700; - color: inherit; - } - - .sm\:prose :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 2em; - margin-bottom: 2em; - } - - .sm\:prose :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - display: block; - margin-top: 2em; - margin-bottom: 2em; - } - - .sm\:prose :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 2em; - margin-bottom: 2em; - } - - .sm\:prose :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-weight: 500; - font-family: inherit; - color: var(--tw-prose-kbd); - box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); - font-size: 0.875em; - border-radius: 0.3125rem; - padding-top: 0.1875em; - padding-inline-end: 0.375em; - padding-bottom: 0.1875em; - padding-inline-start: 0.375em; - } - - .sm\:prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-code); - font-weight: 600; - font-size: 0.875em; - } - - .sm\:prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { - content: "`"; - } - - .sm\:prose :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { - content: "`"; - } - - .sm\:prose :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; - } - - .sm\:prose :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; - } - - .sm\:prose :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; - font-size: 0.875em; - } - - .sm\:prose :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; - font-size: 0.9em; - } - - .sm\:prose :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; - } - - .sm\:prose :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; - } - - .sm\:prose :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: inherit; - } - - .sm\:prose :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-pre-code); - background-color: var(--tw-prose-pre-bg); - overflow-x: auto; - font-weight: 400; - font-size: 0.875em; - line-height: 1.7142857; - margin-top: 1.7142857em; - margin-bottom: 1.7142857em; - border-radius: 0.375rem; - padding-top: 0.8571429em; - padding-inline-end: 1.1428571em; - padding-bottom: 0.8571429em; - padding-inline-start: 1.1428571em; - } - - .sm\:prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - background-color: transparent; - border-width: 0; - border-radius: 0; - padding: 0; - font-weight: inherit; - color: inherit; - font-size: inherit; - font-family: inherit; - line-height: inherit; - } - - .sm\:prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before { - content: none; - } - - .sm\:prose :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after { - content: none; - } - - .sm\:prose :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - width: 100%; - table-layout: auto; - margin-top: 2em; - margin-bottom: 2em; - font-size: 0.875em; - line-height: 1.7142857; - } - - .sm\:prose :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - border-bottom-width: 1px; - border-bottom-color: var(--tw-prose-th-borders); - } - - .sm\:prose :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-headings); - font-weight: 600; - vertical-align: bottom; - padding-inline-end: 0.5714286em; - padding-bottom: 0.5714286em; - padding-inline-start: 0.5714286em; - } - - .sm\:prose :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - border-bottom-width: 1px; - border-bottom-color: var(--tw-prose-td-borders); - } - - .sm\:prose :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - border-bottom-width: 0; - } - - .sm\:prose :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - vertical-align: baseline; - } - - .sm\:prose :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - border-top-width: 1px; - border-top-color: var(--tw-prose-th-borders); - } - - .sm\:prose :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - vertical-align: top; - } - - .sm\:prose :where(th, td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - text-align: start; - } - - .sm\:prose :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - margin-bottom: 0; - } - - .sm\:prose :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - color: var(--tw-prose-captions); - font-size: 0.875em; - line-height: 1.4285714; - margin-top: 0.8571429em; - } - - .sm\:prose { - --tw-prose-body: #374151; - --tw-prose-headings: #111827; - --tw-prose-lead: #4b5563; - --tw-prose-links: #111827; - --tw-prose-bold: #111827; - --tw-prose-counters: #6b7280; - --tw-prose-bullets: #d1d5db; - --tw-prose-hr: #e5e7eb; - --tw-prose-quotes: #111827; - --tw-prose-quote-borders: #e5e7eb; - --tw-prose-captions: #6b7280; - --tw-prose-kbd: #111827; - --tw-prose-kbd-shadows: rgb(17 24 39 / 10%); - --tw-prose-code: #111827; - --tw-prose-pre-code: #e5e7eb; - --tw-prose-pre-bg: #1f2937; - --tw-prose-th-borders: #d1d5db; - --tw-prose-td-borders: #e5e7eb; - --tw-prose-invert-body: #d1d5db; - --tw-prose-invert-headings: #fff; - --tw-prose-invert-lead: #9ca3af; - --tw-prose-invert-links: #fff; - --tw-prose-invert-bold: #fff; - --tw-prose-invert-counters: #9ca3af; - --tw-prose-invert-bullets: #4b5563; - --tw-prose-invert-hr: #374151; - --tw-prose-invert-quotes: #f3f4f6; - --tw-prose-invert-quote-borders: #374151; - --tw-prose-invert-captions: #9ca3af; - --tw-prose-invert-kbd: #fff; - --tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%); - --tw-prose-invert-code: #fff; - --tw-prose-invert-pre-code: #d1d5db; - --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); - --tw-prose-invert-th-borders: #4b5563; - --tw-prose-invert-td-borders: #374151; - font-size: 1rem; - line-height: 1.75; - } - - .sm\:prose :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - margin-bottom: 0; - } - - .sm\:prose :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.5em; - margin-bottom: 0.5em; - } - - .sm\:prose :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0.375em; - } - - .sm\:prose :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0.375em; - } - - .sm\:prose :where(.sm\:prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.75em; - margin-bottom: 0.75em; - } - - .sm\:prose :where(.sm\:prose > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.25em; - } - - .sm\:prose :where(.sm\:prose > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 1.25em; - } - - .sm\:prose :where(.sm\:prose > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.25em; - } - - .sm\:prose :where(.sm\:prose > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 1.25em; - } - - .sm\:prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.75em; - margin-bottom: 0.75em; - } - - .sm\:prose :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.25em; - margin-bottom: 1.25em; - } - - .sm\:prose :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.5em; - padding-inline-start: 1.625em; - } - - .sm\:prose :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - } - - .sm\:prose :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - } - - .sm\:prose :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - } - - .sm\:prose :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - } - - .sm\:prose :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0; - } - - .sm\:prose :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-end: 0; - } - - .sm\:prose :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-top: 0.5714286em; - padding-inline-end: 0.5714286em; - padding-bottom: 0.5714286em; - padding-inline-start: 0.5714286em; - } - - .sm\:prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0; - } - - .sm\:prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-end: 0; - } - - .sm\:prose :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 2em; - margin-bottom: 2em; - } - - .sm\:prose :where(.sm\:prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - } - - .sm\:prose :where(.sm\:prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 0; - } - .sm\:prose { max-width: none; } @@ -5639,13 +3936,13 @@ h1, h2, h3, h4, h5, h6 { .sm\:prose a { --tw-text-opacity: 1; - color: rgb(244 104 57 / var(--tw-text-opacity, 1)); + color: rgb(46 69 83 / var(--tw-text-opacity, 1)); text-decoration-line: none; } .sm\:prose a:hover { --tw-text-opacity: 1; - color: rgb(229 116 105 / var(--tw-text-opacity, 1)); + color: rgb(39 58 69 / var(--tw-text-opacity, 1)); } .sm\:prose ul,.sm\:prose ol { @@ -5942,253 +4239,6 @@ h1, h2, h3, h4, h5, h6 { .lg\:prose-lg :where(.lg\:prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { margin-bottom: 0; } - - .lg\:prose-lg { - font-size: 1.125rem; - line-height: 1.7777778; - } - - .lg\:prose-lg :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - } - - .lg\:prose-lg :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 1.2222222em; - line-height: 1.4545455; - margin-top: 1.0909091em; - margin-bottom: 1.0909091em; - } - - .lg\:prose-lg :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.6666667em; - margin-bottom: 1.6666667em; - padding-inline-start: 1em; - } - - .lg\:prose-lg :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 2.6666667em; - margin-top: 0; - margin-bottom: 0.8333333em; - line-height: 1; - } - - .lg\:prose-lg :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 1.6666667em; - margin-top: 1.8666667em; - margin-bottom: 1.0666667em; - line-height: 1.3333333; - } - - .lg\:prose-lg :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 1.3333333em; - margin-top: 1.6666667em; - margin-bottom: 0.6666667em; - line-height: 1.5; - } - - .lg\:prose-lg :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.7777778em; - margin-bottom: 0.4444444em; - line-height: 1.5555556; - } - - .lg\:prose-lg :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; - } - - .lg\:prose-lg :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; - } - - .lg\:prose-lg :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - margin-bottom: 0; - } - - .lg\:prose-lg :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; - } - - .lg\:prose-lg :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8888889em; - border-radius: 0.3125rem; - padding-top: 0.2222222em; - padding-inline-end: 0.4444444em; - padding-bottom: 0.2222222em; - padding-inline-start: 0.4444444em; - } - - .lg\:prose-lg :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8888889em; - } - - .lg\:prose-lg :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8666667em; - } - - .lg\:prose-lg :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.875em; - } - - .lg\:prose-lg :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8888889em; - line-height: 1.75; - margin-top: 2em; - margin-bottom: 2em; - border-radius: 0.375rem; - padding-top: 1em; - padding-inline-end: 1.5em; - padding-bottom: 1em; - padding-inline-start: 1.5em; - } - - .lg\:prose-lg :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - padding-inline-start: 1.5555556em; - } - - .lg\:prose-lg :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - padding-inline-start: 1.5555556em; - } - - .lg\:prose-lg :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.6666667em; - margin-bottom: 0.6666667em; - } - - .lg\:prose-lg :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0.4444444em; - } - - .lg\:prose-lg :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0.4444444em; - } - - .lg\:prose-lg :where(.lg\:prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.8888889em; - margin-bottom: 0.8888889em; - } - - .lg\:prose-lg :where(.lg\:prose-lg > ul > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.3333333em; - } - - .lg\:prose-lg :where(.lg\:prose-lg > ul > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 1.3333333em; - } - - .lg\:prose-lg :where(.lg\:prose-lg > ol > li > p:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.3333333em; - } - - .lg\:prose-lg :where(.lg\:prose-lg > ol > li > p:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 1.3333333em; - } - - .lg\:prose-lg :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.8888889em; - margin-bottom: 0.8888889em; - } - - .lg\:prose-lg :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.3333333em; - margin-bottom: 1.3333333em; - } - - .lg\:prose-lg :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.3333333em; - } - - .lg\:prose-lg :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0.6666667em; - padding-inline-start: 1.5555556em; - } - - .lg\:prose-lg :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 3.1111111em; - margin-bottom: 3.1111111em; - } - - .lg\:prose-lg :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - } - - .lg\:prose-lg :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - } - - .lg\:prose-lg :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - } - - .lg\:prose-lg :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - } - - .lg\:prose-lg :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8888889em; - line-height: 1.5; - } - - .lg\:prose-lg :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-end: 0.75em; - padding-bottom: 0.75em; - padding-inline-start: 0.75em; - } - - .lg\:prose-lg :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0; - } - - .lg\:prose-lg :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-end: 0; - } - - .lg\:prose-lg :where(tbody td, tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-top: 0.75em; - padding-inline-end: 0.75em; - padding-bottom: 0.75em; - padding-inline-start: 0.75em; - } - - .lg\:prose-lg :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-start: 0; - } - - .lg\:prose-lg :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - padding-inline-end: 0; - } - - .lg\:prose-lg :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 1.7777778em; - margin-bottom: 1.7777778em; - } - - .lg\:prose-lg :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - margin-bottom: 0; - } - - .lg\:prose-lg :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - font-size: 0.8888889em; - line-height: 1.5; - margin-top: 1em; - } - - .lg\:prose-lg :where(.lg\:prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-top: 0; - } - - .lg\:prose-lg :where(.lg\:prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) { - margin-bottom: 0; - } } .hover\:-translate-y-1:hover { @@ -6204,7 +4254,7 @@ h1, h2, h3, h4, h5, h6 { .hover\:border-primary-600:hover { --tw-border-opacity: 1; - border-color: rgb(244 104 57 / var(--tw-border-opacity, 1)); + border-color: rgb(46 69 83 / var(--tw-border-opacity, 1)); } .hover\:bg-gray-100:hover { @@ -6224,12 +4274,12 @@ h1, h2, h3, h4, h5, h6 { .hover\:bg-primary-100:hover { --tw-bg-opacity: 1; - background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1)); + background-color: rgb(230 237 241 / var(--tw-bg-opacity, 1)); } .hover\:bg-primary-700:hover { --tw-bg-opacity: 1; - background-color: rgb(229 116 105 / var(--tw-bg-opacity, 1)); + background-color: rgb(39 58 69 / var(--tw-bg-opacity, 1)); } .hover\:text-gray-900:hover { @@ -6239,12 +4289,12 @@ h1, h2, h3, h4, h5, h6 { .hover\:text-primary-600:hover { --tw-text-opacity: 1; - color: rgb(244 104 57 / var(--tw-text-opacity, 1)); + color: rgb(46 69 83 / var(--tw-text-opacity, 1)); } .hover\:text-primary-700:hover { --tw-text-opacity: 1; - color: rgb(229 116 105 / var(--tw-text-opacity, 1)); + color: rgb(39 58 69 / var(--tw-text-opacity, 1)); } .hover\:opacity-90:hover { @@ -6276,7 +4326,7 @@ h1, h2, h3, h4, h5, h6 { .focus\:border-primary-500:focus { --tw-border-opacity: 1; - border-color: rgb(18 18 18 / var(--tw-border-opacity, 1)); + border-color: rgb(51 77 92 / var(--tw-border-opacity, 1)); } .focus\:outline-none:focus { @@ -6292,12 +4342,12 @@ h1, h2, h3, h4, h5, h6 { .focus\:ring-primary-500:focus { --tw-ring-opacity: 1; - --tw-ring-color: rgb(18 18 18 / var(--tw-ring-opacity, 1)); + --tw-ring-color: rgb(51 77 92 / var(--tw-ring-opacity, 1)); } .focus\:ring-primary-600:focus { --tw-ring-opacity: 1; - --tw-ring-color: rgb(244 104 57 / var(--tw-ring-opacity, 1)); + --tw-ring-color: rgb(46 69 83 / var(--tw-ring-opacity, 1)); } .focus\:ring-offset-2:focus { @@ -6316,22 +4366,22 @@ h1, h2, h3, h4, h5, h6 { .group:hover .group-hover\:border-primary-100 { --tw-border-opacity: 1; - border-color: rgb(241 243 245 / var(--tw-border-opacity, 1)); + border-color: rgb(230 237 241 / var(--tw-border-opacity, 1)); } .group:hover .group-hover\:bg-primary-100 { --tw-bg-opacity: 1; - background-color: rgb(241 243 245 / var(--tw-bg-opacity, 1)); + background-color: rgb(230 237 241 / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:text-primary-600 { --tw-text-opacity: 1; - color: rgb(244 104 57 / var(--tw-text-opacity, 1)); + color: rgb(46 69 83 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-primary-700 { --tw-text-opacity: 1; - color: rgb(229 116 105 / var(--tw-text-opacity, 1)); + color: rgb(39 58 69 / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:opacity-100 { diff --git a/tailwind.config.js b/tailwind.config.js index 0b429e3..f320028 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,46 +1,47 @@ - -// Définition statique des couleurs principales (extraites de theme.json) -const primary = { - 50: '#f8f9fa', - 100: '#f1f3f5', - 200: '#e9ecef', - 300: '#dee2e6', - 400: '#ced4da', - 500: '#121212', - 600: '#f46839', - 700: '#e57469', - 800: '#334d5c', - 900: '#121212', -}; -const secondary = '#e57469'; // à adapter si besoin - -const fontPrimary = 'Open Sans, sans-serif'; -const fontSecondary = 'Arial, sans-serif'; - /** @type {import('tailwindcss').Config} */ module.exports = { presets: [require('./themes/chill-theme/tailwind.config.js')], content: [ - "./themes/hugo-saasify-theme/layouts/**/*.html", + "./themes/chill-theme/layouts/**/*.html", "./layouts/**/*.html", "./content/**/*.{html,md}" ], + theme: { extend: { - colors: { - primary, - secondary, - // Ajoutez ici d'autres couleurs statiques si besoin + colors: { + primary: { + 50: '#f2f6f8', + 100: '#e6edf1', + 200: '#bfd3de', + 300: '#99b9cb', + 400: '#4d8596', + 500: '#334d5c', // couleur principale + 600: '#2e4553', + 700: '#273a45', + 800: '#1f2e37', + 900: '#19262c', }, - - fontFamily: { - primary: [fontPrimary], - secondary: [fontSecondary], + secondary: { + 50: '#fff5f5', + 100: '#ffeaea', + 200: '#ffc9c9', + 300: '#ffa8a8', + 400: '#ff6666', + 500: '#e57469', // couleur principale + 600: '#ce6860', + 700: '#ad5650', + 800: '#8b4440', + 900: '#723836', }, }, + fontFamily: { + sans: ['Lato', 'sans-serif'], + }, }, plugins: [ require('@tailwindcss/forms'), require('@tailwindcss/typography'), ], - } \ No newline at end of file + } +} \ No newline at end of file