html, body {
  width: 100%;
  overflow-x: hidden;
}
body {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 2rem 1rem;
  box-sizing: border-box;
  margin: 0;
  font-family: 'Roboto Slab', "Bookerly", "Noto Serif", "serif";
  -webkit-font-smoothing: antialiased;
}

#markdown {
  width: 100%;
}

.MuiTypography-body1,
.MuiListItem-root,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: black !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.MuiTypography-caption {
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

.MuiTypography-body1,
.MuiListItem-root {
  line-height: 1.5;
  margin-bottom: 0.5rem;
  font-size: 1rem !important;
}

/* inline code */
.mui-1vu004u {
  font-size: 1rem !important;
  background-color: unset !important;
  color: rgb(234, 85, 5)!important;
  padding: unset !important;
  border-radius: unset !important;
  font-family: "Google Sans Code", "Roboto Mono", monospace !important;
}

@media (max-width: 900px) {
  .MuiTypography-body1,
  .MuiListItem-root,
  .mui-1vu004u {
    margin-bottom: 0.2rem;
  }
}

.mui-1ev8i4f,
.mui-guv1gb,
.mui-3ujfba {
  user-select: text !important;
}

h3 {
  margin-top: 1rem;
}

@media (min-width: 1000px) {
  #markdown {
    max-width: 730px;
  }
}

.w-5 {
  width: 1.25rem;
}

.h-5 {
  height: 1.25rem;
}

.w-6 {
  width: 1.5rem;
}

.h-6 {
  height: 1.5rem;
}

.MuiPaper-root,
.callout,
h3 {
  margin: 1rem 0 !important;
}

/* SVG images (from base64 data URLs or files) */
img.diagram {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* LinkedIn icon */
.mui-1dt7ect,
/* Profile image */
.rounded-full,
/* Pattern icon */
.mui-4fyzfg {
  display: none!important;
}

.mui-p5wdm7, .mui-p5wdm7 .MuiAccordionDetails-root, .mui-p5wdm7 h3, .mui-p5wdm7 button,
.mui-p7tbsk, .mui-p7tbsk .MuiAccordionDetails-root, .mui-p7tbsk h3, .mui-p7tbsk button,
.mui-cuf81z, .mui-cuf81z .MuiAccordionDetails-root, .mui-cuf81z h3, .mui-cuf81z button {
  background-color: unset !important;
  border-radius: unset !important;
}
.mui-p5wdm7, .mui-p5wdm7 .MuiAccordionDetails-root, .mui-p5wdm7 h3, .mui-p5wdm7 button {
  border-left: 4px solid rgb(210, 17, 17) !important;
}
.mui-cuf81z, .mui-cuf81z .MuiAccordionDetails-root, .mui-cuf81z h3, .mui-cuf81z button {
  border-left: 4px solid rgb(43, 132, 227) !important;
}
.mui-p7tbsk, .mui-p7tbsk .MuiAccordionDetails-root, .mui-p7tbsk h3, .mui-p7tbsk button {
  border-left: 4px solid rgb(32, 179, 49) !important;
}
h3.MuiAccordion-heading {
  margin: 0 !important;
}
.MuiAccordionDetails-root h5 {
  margin-top: 0 !important;
}