custom.css

/**
 * Any CSS included here will be global. The classic template
 * bundles Infima by default. Infima is a CSS framework designed to
 * work well for content-centric websites.
 */

/* You can override the default Infima variables here. */
:root {
  --ifm-color-primary: #3e76ff;
  --ifm-color-primary-dark: #1b47c2;       /* Darker shade */
  --ifm-color-primary-darker: #1941b1;     /* Even darker */
  --ifm-color-primary-darkest: #153693;    /* Darkest */
  --ifm-color-primary-light: #2257ed;      /* Lighter shade */
  --ifm-color-primary-lighter: #3e6ef0;    /* Even lighter */
  --ifm-color-primary-lightest: #557ef2;   /* Lightest */
  --ifm-code-font-size: 95%;
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
[data-theme='dark'] {
  --ifm-color-primary: #3e76ff;
  --ifm-color-primary-dark: #1b47c2;       /* Darker shade */
  --ifm-color-primary-darker: #1941b1;     /* Even darker */
  --ifm-color-primary-darkest: #153693;    /* Darkest */
  --ifm-color-primary-light: #2257ed;      /* Lighter shade */
  --ifm-color-primary-lighter: #3e6ef0;    /* Even lighter */
  --ifm-color-primary-lightest: #557ef2;   /* Lightest */
  --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

[data-theme='light'] body, .navbar{
  background-color: rgb(237 237 235);
}
[data-theme='dark'] .navbar{
  background-color: #1b1b1d;
}

.theme-doc-sidebar-item-category-level-1>.menu__list-item-collapsible>.menu__link--sublist {
  margin-bottom: 6px;
  font-size: 0.938rem;
  font-weight: 600;
  line-height: 100%;
  color: rgb(18 27 46);
}

[data-theme="dark"] .theme-doc-sidebar-item-category-level-1>.menu__list-item-collapsible>.menu__link--sublist {
  color: rgb(224 228 236);
}

.menu__list li:last-of-type {
  -webkit-padding-after: 1.5rem;
  padding-block-end: 0.5rem;
}

[data-theme="dark"] .menu__link{
  color: rgb(153 162 177);
}

.menu__link {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: -0.01em;
  line-height: 16px;
  transition: opacity 0.2s ease-out;
}

.theme-doc-sidebar-menu .menu__list-item .menu__caret:before,
.theme-doc-sidebar-menu .menu__list-item .menu__link--sublist:after {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDEwIDggNmwtNCA0IiBzdHJva2U9IiMxQjI3MzgiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) 50% no-repeat;
  height: 1.5rem;
  min-height: 29.5px;
  min-width: 1.5rem;
  width: 1.5rem;
}

.theme-doc-sidebar-item-category-level-1>.menu__list-item-collapsible>.menu__link--sublist.theme-doc-sidebar-menu .menu__list-item .menu__caret:before,
.theme-doc-sidebar-menu .menu__list-item .menu__link--sublist:after {
  background: none;
  height: 1.5rem;
  min-height: 29.5px;
  min-width: 1.5rem;
  width: 1.5rem;
}

.theme-doc-sidebar-item-category-level-3>.menu__list-item-collapsible>.menu__link--sublist.theme-doc-sidebar-menu .menu__list-item .menu__caret:before,
.theme-doc-sidebar-menu .menu__list-item .menu__link--sublist:after {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDEwIDggNmwtNCA0IiBzdHJva2U9IiMxQjI3MzgiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4=) 50% no-repeat;
  height: 1.5rem;
  min-height: 29.5px;
  min-width: 1.5rem;
  width: 1.5rem;
  margin-right: -5px;
}

.theme-doc-sidebar-item-category-level-2>.menu__list-item-collapsible>.menu__link--sublist {
  margin-bottom: -6px;
  margin-top: -6px;
}

.theme-doc-sidebar-item-category-level-3>.menu__list-item-collapsible>.menu__link--sublist {
  margin-bottom: -6px;
  margin-top: -6px;
}

.theme-doc-sidebar-item-category-level-4>.menu__list-item-collapsible>.menu__link--sublist {
  margin-bottom: -6px;
  margin-top: -6px;
}


.menu__caret {
  padding: 0em 0.375em 0em 0.75em !important;
}

[class^="sidebar_"] {
  -webkit-padding-before: 1rem;
  overflow-y: auto;
  padding-block-start: 1rem;
  position: static;
  padding-inline-end: 0.5em;
  padding-inline-start: 0.5em;
}

[class^="sidebar_"]>.menu {
  -webkit-padding-after: 2rem;
  overflow-x: initial;
  padding: 0;
  padding-block-end: 2rem;
}

.menu__list {
  display: block !important;
  margin: 0;
  transition: height 0.35s cubic-bezier(0.36, 0.66, 0.04, 1) 25ms !important;
  will-change: auto !important;
}

h1{
  font-size: 2rem;
}
h2{
  font-size: 1.5rem;
  line-height: 1.25;
}
h3{
  font-size: 1.25rem;
  line-height: 1;
}


#__docusaurus > nav > div.navbar__inner > div.navbar__items.navbar__items--right > a:nth-child(3) {
  background-color: #3e76ff;
  border-radius: var(--rounded-full, 9999px);
  color: #f3f5f7;
  font-size: .750rem;
  font-weight: 500;
  margin-left: .5rem;
  margin-right: .5rem;
  padding: .375rem 1rem .375rem 1rem;
  text-transform: capitalize;
  white-space: nowrap;
  line-height: 1.25rem;
}

#__docusaurus > nav > div.navbar__inner > div.navbar__items.navbar__items--right > a > svg{
  display: none;
}

.navbar--github-link {
	width: 32px;
	height: 32px;
	padding: 6px;
	margin-right: 20px;
	margin-left: 6px;
	border-radius: 50%;
	transition: background var(--ifm-transition-fast);
}

.navbar--github-link:hover {
	background: var(--ifm-color-emphasis-200);
}

.navbar--github-link:before {
	content: '';
	height: 100%;
	display: block;
	background: url("data:image/svg+xml,%3Csvg fill='%23505050' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
		no-repeat;
}

html[data-theme='dark'] .navbar--github-link:before {
	background: url("data:image/svg+xml,%3Csvg fill='%23ffffff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath  d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
		no-repeat;
}

.navbar--discord-link {
	width: 32px;
	height: 32px;
	padding: 6px;
	margin-right: 6px;
	margin-left: 6px;
	border-radius: 50%;
	transition: background var(--ifm-transition-fast);
}

.navbar--discord-link:hover {
	background: var(--ifm-color-emphasis-200);
}

.navbar--discord-link:before {
	content: '';
	height: 100%;
	display: block;
	background: url("data:image/svg+xml,%3Csvg fill='%23505050' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3Ediscord%3C/title%3E%3Cpath d='M20.992 20.163c-1.511-0.099-2.699-1.349-2.699-2.877 0-0.051 0.001-0.102 0.004-0.153l-0 0.007c-0.003-0.048-0.005-0.104-0.005-0.161 0-1.525 1.19-2.771 2.692-2.862l0.008-0c1.509 0.082 2.701 1.325 2.701 2.847 0 0.062-0.002 0.123-0.006 0.184l0-0.008c0.003 0.050 0.005 0.109 0.005 0.168 0 1.523-1.191 2.768-2.693 2.854l-0.008 0zM11.026 20.163c-1.511-0.099-2.699-1.349-2.699-2.877 0-0.051 0.001-0.102 0.004-0.153l-0 0.007c-0.003-0.048-0.005-0.104-0.005-0.161 0-1.525 1.19-2.771 2.692-2.862l0.008-0c1.509 0.082 2.701 1.325 2.701 2.847 0 0.062-0.002 0.123-0.006 0.184l0-0.008c0.003 0.048 0.005 0.104 0.005 0.161 0 1.525-1.19 2.771-2.692 2.862l-0.008 0zM26.393 6.465c-1.763-0.832-3.811-1.49-5.955-1.871l-0.149-0.022c-0.005-0.001-0.011-0.002-0.017-0.002-0.035 0-0.065 0.019-0.081 0.047l-0 0c-0.234 0.411-0.488 0.924-0.717 1.45l-0.043 0.111c-1.030-0.165-2.218-0.259-3.428-0.259s-2.398 0.094-3.557 0.275l0.129-0.017c-0.27-0.63-0.528-1.142-0.813-1.638l0.041 0.077c-0.017-0.029-0.048-0.047-0.083-0.047-0.005 0-0.011 0-0.016 0.001l0.001-0c-2.293 0.403-4.342 1.060-6.256 1.957l0.151-0.064c-0.017 0.007-0.031 0.019-0.040 0.034l-0 0c-2.854 4.041-4.562 9.069-4.562 14.496 0 0.907 0.048 1.802 0.141 2.684l-0.009-0.11c0.003 0.029 0.018 0.053 0.039 0.070l0 0c2.14 1.601 4.628 2.891 7.313 3.738l0.176 0.048c0.008 0.003 0.018 0.004 0.028 0.004 0.032 0 0.060-0.015 0.077-0.038l0-0c0.535-0.72 1.044-1.536 1.485-2.392l0.047-0.1c0.006-0.012 0.010-0.027 0.010-0.043 0-0.041-0.026-0.075-0.062-0.089l-0.001-0c-0.912-0.352-1.683-0.727-2.417-1.157l0.077 0.042c-0.029-0.017-0.048-0.048-0.048-0.083 0-0.031 0.015-0.059 0.038-0.076l0-0c0.157-0.118 0.315-0.24 0.465-0.364 0.016-0.013 0.037-0.021 0.059-0.021 0.014 0 0.027 0.003 0.038 0.008l-0.001-0c2.208 1.061 4.8 1.681 7.536 1.681s5.329-0.62 7.643-1.727l-0.107 0.046c0.012-0.006 0.025-0.009 0.040-0.009 0.022 0 0.043 0.008 0.059 0.021l-0-0c0.15 0.124 0.307 0.248 0.466 0.365 0.023 0.018 0.038 0.046 0.038 0.077 0 0.035-0.019 0.065-0.046 0.082l-0 0c-0.661 0.395-1.432 0.769-2.235 1.078l-0.105 0.036c-0.036 0.014-0.062 0.049-0.062 0.089 0 0.016 0.004 0.031 0.011 0.044l-0-0.001c0.501 0.96 1.009 1.775 1.571 2.548l-0.040-0.057c0.017 0.024 0.046 0.040 0.077 0.040 0.010 0 0.020-0.002 0.029-0.004l-0.001 0c2.865-0.892 5.358-2.182 7.566-3.832l-0.065 0.047c0.022-0.016 0.036-0.041 0.039-0.069l0-0c0.087-0.784 0.136-1.694 0.136-2.615 0-5.415-1.712-10.43-4.623-14.534l0.052 0.078c-0.008-0.016-0.022-0.029-0.038-0.036l-0-0z'%3E%3C/path%3E%3C/svg%3E");
}

html[data-theme='dark'] .navbar--discord-link:before {
	background: url("data:image/svg+xml,%3Csvg fill='%23ffffff' viewBox='0 -28.5 256 256' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' preserveAspectRatio='xMidYMid'%3E%3Cg%3E%3Cpath d='M216.856339 16.5966031 C200.285002 8.84328665 182.566144 3.2084988 164.041564 0 C161.766523 4.11318106 159.108624 9.64549908 157.276099 14.0464379 C137.583995 11.0849896 118.072967 11.0849896 98.7430163 14.0464379 C96.9108417 9.64549908 94.1925838 4.11318106 91.8971895 0 C73.3526068 3.2084988 55.6133949 8.86399117 39.0420583 16.6376612 C5.61752293 67.146514 -3.4433191 116.400813 1.08711069 164.955721 C23.2560196 181.510915 44.7403634 191.567697 65.8621325 198.148576 C71.0772151 190.971126 75.7283628 183.341335 79.7352139 175.300261 C72.104019 172.400575 64.7949724 168.822202 57.8887866 164.667963 C59.7209612 163.310589 61.5131304 161.891452 63.2445898 160.431257 C105.36741 180.133187 151.134928 180.133187 192.754523 160.431257 C194.506336 161.891452 196.298154 163.310589 198.110326 164.667963 C191.183787 168.842556 183.854737 172.420929 176.223542 175.320965 C180.230393 183.341335 184.861538 190.991831 190.096624 198.16893 C211.238746 191.588051 232.743023 181.531619 254.911949 164.955721 C260.227747 108.668201 245.831087 59.8662432 216.856339 16.5966031 Z M85.4738752 135.09489 C72.8290281 135.09489 62.4592217 123.290155 62.4592217 108.914901 C62.4592217 94.5396472 72.607595 82.7145587 85.4738752 82.7145587 C98.3405064 82.7145587 108.709962 94.5189427 108.488529 108.914901 C108.508531 123.290155 98.3405064 135.09489 85.4738752 135.09489 Z M170.525237 135.09489 C157.88039 135.09489 147.510584 123.290155 147.510584 108.914901 C147.510584 94.5396472 157.658606 82.7145587 170.525237 82.7145587 C183.391518 82.7145587 193.761324 94.5189427 193.539891 108.914901 C193.539891 123.290155 183.391518 135.09489 170.525237 135.09489 Z' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}

.tag-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tags {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  position: relative;
  top: -10px !important;
}

/* Media query for smaller screens */
@media (max-width: 768px) {
  .tags {
    flex-direction: row;
    align-items: flex-start;
    white-space: nowrap;
  }
}

.pro {
  color: #1A1A1A;
  border-radius: 4px;
  border: 1px solid #ea992466;
  background: linear-gradient(167.44deg, #FDC742 0%, #FED464 67.25%, #FCFCFC 98.9%);
  padding: 0 15px 0 15px;
}

.one {
  color: #1A1A1A;
  border-radius: 4px;
  border: 1px solid #4c506266;
  background: linear-gradient(167.44deg, #A8A9AC 0%, #EEEEEE 67.25%, #FCFCFC 98.9%);
  padding: 0 15px 0 15px;
}

.business {
  color: #111111;
  border-radius: 4px;
  border: 1px solid #D6D7D9;
  background: linear-gradient(167.44deg, #C2C8E4 0%, #BFC4DF 67.25%, #FCFCFC 98.9%);
  padding: 0 15px 0 15px;
}

html[data-theme='dark'] .business {
  color: #F5F5F5;
  border-radius: 4px;
  border: 0.92px solid #646c90;
  background: linear-gradient(164.95deg, #414669 0%, rgba(56, 60, 78, 0.12) 53.4%, rgba(172, 211, 255, 0.16) 100%);
  padding: 0 15px 0 15px;
}

html[data-theme='dark'] .pro {
  color: #fff;
  border-radius: 4px;
  border: 1px solid #ea992466;
  background: linear-gradient(167.44deg, rgba(234, 153, 36, 0.7) 0%, rgba(33, 33, 33, 0.4) 49.45%, rgba(255, 224, 133, 0.32) 98.9%);
  padding: 0 15px 0 15px;
}

html[data-theme='dark'] .one {
  color: #fff;
  border-radius: 4px;
  border: 1px solid #4c506266;
  background: linear-gradient(167.44deg, rgb(56, 60, 78) 0%, rgba(33, 33, 33, 0.22) 49.45%, rgba(37, 41, 59, 0.12) 98.9%);
  padding: 0 15px 0 15px;
}


.card-group {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(var(--cols), 1fr);
}

@media (max-width: 640px) { 
  .card-group {
    grid-template-columns: 1fr;
  }
}

.card {
  border-radius: 8px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #9b9b9b;
}

.card:hover {
  border: 1px solid #3e76ff;
}

.card-icon {
  border-radius: 8px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}

.icon-style {
  color: #3e76ff;
}

.card-title {
  color: var(--ifm-heading-color) !important;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.card-description {
  font-size: 14px;
}

.card-link {
  text-decoration: none;
  color: inherit;
  display: block;
  width: 100%;
  height: 100%;
}

.card-link:hover {
  text-decoration: none;
  color: inherit;
}

html{
  color: rgb(55 67 86);
}
  
code{
  color: #111827;
}

strong{
  color: rgb(18 27 46);
}

h1, h2, h3, h4, h5, h6 {
  font-family: sans-serif;
  color: rgb(18 27 46);
}

[data-theme='dark'] h1, [data-theme='dark'] h2, [data-theme='dark'] h3, [data-theme='dark'] h4,[data-theme='dark'] h5, [data-theme='dark'] h6 {
  font-family: sans-serif;
  color: rgb(224 228 236);
}

html[data-theme='dark'] {
  color: #99a2b1;
}

[data-theme='dark']  blockquote {
  color: #99a2b1;
}
  
[data-theme='dark'] code{
  color: rgb(237 240 246);
}

[data-theme='dark'] strong{
  color: rgb(243 246 251);
}

[data-theme='dark'] .table-of-contents__link {
  color: rgb(153 162 177);
}

@media (min-width: 768px){
.navbarSearchContainer_node_modules-\@docusaurus-theme-classic-lib-theme-Navbar-Search-styles-module{
  margin-left: auto;
  margin-right: auto;
}

.navbarSearchContainer_Bca1{
    margin-left: auto;
    margin-right: auto;
}

.DocSearch-Button{
  width:400px;
}
}

.DocSearch-Button{
  border-radius: 0.5em !important;
  border-color: rgb(158 158 158 / 20%) !important;
  border-width: 1px !important;
  border-style: solid !important;
  background-color: #ededeb !important;
}

[data-theme='dark'] .DocSearch-Button{
  border-radius: 0.5em !important;
  border-color: rgb(158 158 158 / 20%) !important;
  border-width: 1px !important;
  border-style: solid !important;
  background-color: #1b1b1d !important;
}

.DocSearch-Search-Icon {
  width: 14px;
  height: 14px;
} 

.DocSearch-Button-Container {
  gap: .25rem;
}

.DocSearch-Button-Placeholder {
  font-size: .850rem !important;
}

.navbar{
  border-bottom: 1px solid rgb(112 112 112 / 5%);
  box-shadow: none;
}

[data-theme='dark'] .navbar{
  border-bottom: 1px solid rgb(206 206 206 / 6% );
  box-shadow: none;
}




.lightToggleIcon_node_modules-\@docusaurus-theme-classic-lib-theme-ColorModeToggle-styles-module{
  color: #505050;
}

.navbar--fixed-top{
  padding-left: 2rem;
  padding-right: 2rem;
  margin-left: 0;
  margin-right: 0;
}

.mainWrapper_node_modules-\@docusaurus-theme-classic-lib-theme-Layout-styles-module {
  padding-left: 1rem;
  padding-right: 1rem;
} 


@media (min-width: 997px) {
  .docSidebarContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocRoot-Layout-Sidebar-styles-module {
    border-right: 1px solid rgb(112 112 112 / 5%) !important;
  }
}

.table-of-contents__left-border {
  border-left: 1px solid rgb(112 112 112 / 5%) !important;
}

.lightToggleIcon_node_modules-\@docusaurus-theme-classic-lib-theme-ColorModeToggle-styles-module, .darkToggleIcon_node_modules-\@docusaurus-theme-classic-lib-theme-ColorModeToggle-styles-module {
  width: 20px;
  height: 20px;
}

.table{
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 400;
  --tw-numeric-spacing: tabular-nums;
  width: 100%;
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

[data-theme='dark'] table tr:nth-child(2n) {
  background-color: rgb(27 27 29);
}

table tr:nth-child(2n) {
  background-color: rgb(237 237 235);
}

table thead tr {
  border-bottom: none;
}

.mobile-img-container{
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  
}
.mobile-img-box{
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width:25rem;
  min-width:15rem;
  text-align: center;
  margin: 10px;
}
img[src*='#center'] {
  display: block;
  border-radius: 0.75rem;
  float: none;
  margin: 10px 0 10px 0;
  border-color: rgb(224 228 236);
  border-style: solid;
  box-sizing: border-box;
  border-width: 0px;
  padding: .5rem;
  background-color: rgb(226 226 226);
}

[data-theme='dark'] img[src*='#center'] {
  display: block;
  border-radius: 0.75rem;
  float: none;
  margin: 10px 0 10px 0;
  border-color: rgb(224 228 236);
  border-style: solid;
  box-sizing: border-box;
  border-width: 0px;
  padding: .5rem;
  background-color: rgb(32 43 61);
}