til/src/css/custom.css

/* stylelint-disable docusaurus/copyright-header */
/**
 * 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-background-color:#d9d9d9;
  --ifm-navbar-background-color:#e2e2e2;
  --ifm-color-primary: #AC0000;
  --ifm-color-primary-dark: #C01E1E;
  --ifm-color-primary-darker: #880707;
  --ifm-color-primary-darkest: #420101;
  --ifm-color-primary-light: #E34C4C;
  --ifm-color-primary-lighter: #F79999;
  --ifm-color-primary-lightest: #FBC8C8;
  --ifm-code-font-size: 95%;
  --ifm-h1-font-size: 2rem;
  --ifm-h2-font-size: 1.5rem;
  --ifm-h3-font-size: 1.2rem;
}
html[data-theme='dark'] {
  --ifm-background-color:#484c57;
  --ifm-navbar-background-color:#535763;
  --ifm-footer-background-color:#535763;
  --ifm-alert-background-color: #383a42;
  --ifm-color-primary: #25c2a0;
  --ifm-color-primary-dark: rgb(33, 175, 144);
  --ifm-color-primary-darker: rgb(31, 165, 136);
  --ifm-color-primary-darkest: rgb(26, 136, 112);
  --ifm-color-primary-light: rgb(70, 203, 174);
  --ifm-color-primary-lighter: rgb(102, 212, 189);
  --ifm-color-primary-lightest: rgb(146, 224, 208);
  --ifm-code-font-size: 95%;
}
[data-theme='dark'] .ds-dropdown-menu {
  --ifm-background-color: #383a42;
    border-color: #535763;
}
[data-theme='dark'] .alert--secondary {
  background-color: #383a42;
}
.theme-light .mermaid {
  --color-red: #ff7777;
  --color-orange: #ffbb99;
  --color-yellow: #ffeeaa;
  --color-green: #bbffbb;
  --color-cyan: #bbffee;
  --color-blue: #aaccff;
  --color-purple: #ddbbff;
  --color-pink: #ffcccc; 
}
.toggleTrack_node_modules-\@docusaurus-theme-classic-lib-next-theme-Toggle-styles-module {
  background-color: #e2e2e2 !important;
}
.toggleTrack_32Fl {
  background-color: #484c57;
}
.docusaurus-highlight-code-line {
  background-color: rgb(72, 77, 91);
  display: block;
  margin: 0 calc(-1 * var(--ifm-pre-padding));
  padding: 0 var(--ifm-pre-padding);
}
.moon::before {
  content: '\1F31C'; 
}
.sun::before {
  content: '\1F31E';
}
.toggleTrack_node_modules-\@docusaurus-theme-classic-lib-next-theme-Toggle-styles-module {
 background-color: #484c57 !important;
}
.header-homepage-link {
  font-family: 'Times New Roman', Times, serif !important;
  font-size: larger;
}
.header-homepage-link svg {
  display: none;
}
.navbar__search {
  padding-left: 20px;
}
.theme-edit-this-page {
  background-color: #39393941;
  border-radius: 5px;
  padding: 10px;
}
table td img {
  max-width: 100px;
}
.markdown > h2 {
  font-size: 1.5rem;
}
.markdown > h3 {
  font-size: 1.2rem;
}
.markdown h1:first-child {
  --ifm-h1-font-size: 2.5rem;
}
.markdown ol li > p {
  margin: 0;
}
.title_node_modules-\@docusaurus-theme-classic-lib-theme-BlogPostItem-Header-Title-styles-module {
  font-size: 1.5rem !important;
}
.title_f1Hy {
  font-size: 1.5rem !important;
}
article[itemprop="blogPost"] footer {
  margin-top: 1rem !important;
}

form input { 
  box-sizing: border-box;
  margin: 1em 0 2em;
  font-size: 1.5em;
  background: none;
  border-radius: .2em;
  border-color: none;
  padding: .5em;
  width: 100%;
}

.responsive-image-right {
  float: right;
  padding: 0 0 0 20px;
  max-width: 50%;
  height: auto;
  
}

@media only screen and (max-width: 768px) {
  .responsive-image-right {
    padding: 0;
    max-width: 100%;
    height: auto;
  }
}