:root {
.md-typeset .admonition-title,
.md-typeset summary {
font-size: 1em;
};
.md-typeset .admonition {
font-size: 1em;
};
--md-admonition-icon--chatgpt: url('data:image/svg+xml;charset=utf-8,');
--md-admonition-icon--hotflames: url('data:image/svg+xml;charset=utf-8,');
}
.md-typeset .admonition.chatgpt,
.md-typeset details.chatgpt {
border-color: rgb(43, 155, 70);
}
.md-typeset .chatgpt > .admonition-title,
.md-typeset .chatgpt > summary {
background-color: rgba(43, 155, 70, 0.1);
}
.md-typeset .chatgpt > .admonition-title::before,
.md-typeset .chatgpt > summary::before {
background-color: rgb(43, 155, 70);
-webkit-mask-image: var(--md-admonition-icon--chatgpt);
mask-image: var(--md-admonition-icon--chatgpt);
}
.md-typeset .admonition.hotflames,
.md-typeset details.hotflames {
border-color: rgb(255, 69, 0); /* fiery red-orange */
}
.md-typeset .hotflames > .admonition-title,
.md-typeset .hotflames > summary {
background-color: rgba(255, 165, 0, 0.1); /* transparent light orange */
}
.md-typeset .hotflames > .admonition-title::before,
.md-typeset .hotflames > summary::before {
background-color: rgb(255, 69, 0); /* fiery red-orange */
-webkit-mask-image: var(--md-admonition-icon--hotflames);
mask-image: var(--md-admonition-icon--hotflames);
}
/* Light mode */
[data-md-color-scheme="default"] {
--md-primary-bg-color: #F8F8F8;
--md-primary-fg-color: #333333;
--md-primary-fg-color--light: #3498DB;
--md-primary-fg-color--dark: #333333;
--md-typeset-a-color: #3498DB;
--md-accent-fg-color: #DB6F34;
--md-accent-bg-color: #DB6F34;
--md-accent-fg-color--light: #DB6F34;
--md-accent-fg-color--dark: #DB6F34;
}
/* Dark mode */
[data-md-color-scheme="slate"] {
--md-primary-bg-color: #1F1F1F;
--md-primary-fg-color: #D8D8D8;
--md-primary-fg-color--light: #D8D8D8;
--md-primary-fg-color--dark: #D8D8D8;
--md-typeset-a-color: #007BFF;
--md-accent-fg-color: #FF6200;
--md-accent-bg-color: #FF6200;
--md-accent-fg-color--light: #FF6200;
--md-accent-fg-color--dark: #FF6200;
}
/* admonitions for github sponsor card */
.md-admonition .iframe-container iframe {
display: block;
margin: 0;
max-width: 100%;
/*height: 225px; /* Set a fixed height, adjust if necessary */
border: 0;
padding: 0;
}
.md-sidebar--primary[hidden] {
display: block !important;
}
.blog-highlight {
background-color: #e1f77e; /* Light yellow background */
color: #333; /* Darker text color for contrast */
padding: 2px 5px; /* Padding around the text */
border-radius: 3px; /* Optional: rounded corners */
}
/* Default for larger screens */
#headshot {
width: 35%;
max-width: 400px; /* Adjust the max-width as needed */
height: auto;
}
/* Medium screens */
@media (max-width: 992px) {
#headshot {
width: 40%;
}
}
/* Small screens */
@media (max-width: 768px) {
#headshot {
width: 65%;
}
}
/* Extra small screens */
@media (max-width: 576px) {
#headshot {
width: 75%;
}
}