/* Customization Variables */
/* Build Variables, don't touch */
/* Basic */
:root { --color-bg: #ffffff; --color-text: #000000; --color-heading: #272727; --color-muted: #666666; --color-excerpt: #555555; --color-surface: #f0f0f0; --color-surface-alt: #f8f8f8; --color-border: #cccccc; --color-control-border: #999999; --color-rule-top: rgba(0, 0, 0, 0.1); --color-rule-bottom: rgba(255, 255, 255, 0.3); --color-scroll-thumb: rgba(0, 0, 0, 0.2); --color-scroll-thumb-hover: rgba(0, 0, 0, 0.3); --accent: #ff0f00; --accent-active: #cc0c00; --color-on-accent: #ffffff; }

html[data-theme="dark"] { --color-bg: #181817; --color-text: #e9e7e2; --color-heading: #f2f0eb; --color-muted: #b7b3ab; --color-excerpt: #cbc7bf; --color-surface: #252421; --color-surface-alt: #201f1d; --color-border: #45423d; --color-control-border: #77736b; --color-rule-top: rgba(255, 255, 255, 0.16); --color-rule-bottom: rgba(0, 0, 0, 0.24); --color-scroll-thumb: rgba(255, 255, 255, 0.24); --color-scroll-thumb-hover: rgba(255, 255, 255, 0.34); --accent: #ff645a; --accent-active: #ff827a; --color-on-accent: #181817; }

@media (prefers-color-scheme: dark) { html:not([data-theme]) { --color-bg: #181817; --color-text: #e9e7e2; --color-heading: #f2f0eb; --color-muted: #b7b3ab; --color-excerpt: #cbc7bf; --color-surface: #252421; --color-surface-alt: #201f1d; --color-border: #45423d; --color-control-border: #77736b; --color-rule-top: rgba(255, 255, 255, 0.16); --color-rule-bottom: rgba(0, 0, 0, 0.24); --color-scroll-thumb: rgba(255, 255, 255, 0.24); --color-scroll-thumb-hover: rgba(255, 255, 255, 0.34); --accent: #ff645a; --accent-active: #ff827a; --color-on-accent: #181817; } }

html { height: 100%; margin: 0; padding: 0; background: var(--color-bg); color-scheme: light; }

html[data-theme="dark"] { color-scheme: dark; }

body { margin: 0; font-family: "Space Grotesk", sans-serif; height: 100%; background: var(--color-bg); color: var(--color-text); }

a { text-decoration: none; color: var(--accent); }

a:hover { text-decoration: underline; }

hr { border: 0; height: 0; border-top: 1px solid var(--color-rule-top); border-bottom: 1px solid var(--color-rule-bottom); }

a:focus-visible, button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }

/* Navbar */
#author-name { font-size: 30px; font-weight: 400; line-height: normal; margin: 0; color: var(--color-heading); display: inline-block; }

#author-name > a { color: inherit; }

.page-title { font-size: 1.5em; margin-block: 0.83em; }

.navbar { padding: 50px 0 50px 0; }

.navbar-ul { display: inline-block; margin: 0; padding: 5px 0 5px 0; margin-left: 20px; }

.nav-list { list-style-type: none; margin: 0 5px 0 10px; }

.theme-toggle { appearance: none; border: 0; border-radius: 0; padding: 0; background: transparent; color: var(--accent); cursor: pointer; font: inherit; }

.theme-toggle:hover { text-decoration: underline; }

.alignable, .pull-right, .pull-left { display: inline-block; }

.pull-left { float: left; }

.pull-right { float: right; }

/* Divs */
.container { max-width: 700px; margin: auto; }

.wrapper { min-height: 100%; }

/* Institute Image */
#ins-logo { margin: auto; display: block; max-height: 100px; text-align: center; }

/* Mobile */
@media (max-width: 800px) { .container { max-width: 600px; transition: 0.3s ease all; } }

@media (max-width: 650px) { .container { max-width: 83%; } .navbar-ul { margin-top: 5px; } }

@media (max-width: 500px) { .navbar { text-align: center; padding: 50px 0px 0px 0px; } #author-name { width: 100%; float: none; } #navlist { padding: 10px 0 10px 0; margin: 0; display: block; float: none; text-align: center; width: 100%; } #navlist li.alignable, #navlist li.pull-left, #navlist li.pull-right { display: inline-block; } #navlist li.pull-left { float: none; } #navlist li.nav-list { margin: 0; } }

/* Blog Styles */
.blog-post .blog-title { color: var(--color-heading); margin-bottom: 10px; }

.blog-post .blog-meta { color: var(--color-muted); font-size: 14px; margin-bottom: 20px; }

.blog-post .blog-meta p { margin: 5px 0; }

.blog-post .blog-meta .tag { background-color: var(--color-surface); padding: 2px 6px; border-radius: 3px; font-size: 12px; }

.blog-post .blog-content { line-height: 1.6; margin: 30px 0; }

.blog-post .blog-navigation { margin-top: 30px; }

.blog-post .blog-navigation .back-to-blogs { color: var(--accent); text-decoration: none; }

.blog-post .blog-navigation .back-to-blogs:hover { text-decoration: underline; }

.blog-list .blog-item { margin-bottom: 30px; }

.blog-list .blog-item h3 { margin-bottom: 10px; }

.blog-list .blog-item h3 a { color: var(--color-heading); text-decoration: none; }

.blog-list .blog-item h3 a:hover { color: var(--accent); text-decoration: underline; }

.blog-list .blog-item .blog-meta { color: var(--color-muted); font-size: 14px; margin-bottom: 10px; }

.blog-list .blog-item .blog-excerpt { color: var(--color-excerpt); line-height: 1.5; margin-bottom: 10px; }

.blog-list .blog-item .blog-tags { margin-bottom: 10px; }

.blog-list .blog-item .blog-tags .tag { background-color: var(--color-surface); padding: 2px 6px; border-radius: 3px; font-size: 12px; }

.blog-list .blog-item .read-more { color: var(--accent); text-decoration: none; font-weight: bold; }

.blog-list .blog-item .read-more:hover { text-decoration: underline; }

/* Customization Variables */
/* Build Variables, don't touch */
.content a:hover { text-decoration: underline; }

.content ol { counter-reset: list; }

.content ol > li { list-style-position: none; position: relative; list-style: none; margin-top: 5px; margin-bottom: 5px; }

.content ul > li { margin: 5px 0 5px 0; }

.content ul { padding: 0 20px 0 20px; }

.content ol { padding: 0 30px 0 30px; }

.content ol > li:before { content: "[" counter(list, decimal) "] "; counter-increment: list; position: absolute; left: -30px; }

.content blockquote { border-left: 5px solid var(--color-heading); margin: 20px 0 20px 0; padding: 2px 8px 2px 8px; font-style: italic; }

.content .profile-picture { height: 85px; width: 85px; position: relative; margin: -10px 0 0 15px; float: right; border-radius: 50%; }

p .content .profile-picture { padding: 0; margin: 0; }

@media (max-width: 480px) { .content .profile-picture img { margin-top: -5px; } }

.content img { text-align: center; width: 100%; }

table { margin: 15px 0; border-collapse: collapse; width: 100%; padding: 0; }

table tr { border-top: 1px solid var(--color-border); background-color: var(--color-bg); margin: 0; padding: 0; }

table tr:nth-child(2n) { background-color: var(--color-surface-alt); }

table tr th { font-weight: bold; border: 1px solid var(--color-border); text-align: left; margin: 0; padding: 6px 13px; }

table tr td { border: 1px solid var(--color-border); text-align: left; margin: 0; padding: 6px 13px; }

table tr th :first-child, table tr td :first-child { margin: 0; }

table tr th :last-child, table tr td :last-child { margin: 0; }

.content .profile-picture { height: 30%; width: 30%; position: relative; margin: -20px 15px 0 15px; float: right; border-radius: 5%; }

.content .paper-list { line-height: 100%; font-size: 14px; }

.content .paper-list .paper-logo { width: 200px; height: auto; max-height: 150px; position: center; margin: 0px 0px 0px 0; }

.content .paper-list .paper-title { font-size: 18px; height: 25%; font-weight: bold; }

.content .paper-list .paper-authors { height: 25%; }

.content .paper-list .paper-pub { height: 25%; font-weight: bold; font-style: italic; }

.content .paper-list .paper-links { height: 25%; }

.content .paper-list .citation-count { display: inline-flex; align-items: baseline; gap: 0.25em; color: var(--color-muted); white-space: nowrap; text-decoration: none; }

.content .paper-list .citation-count-number { color: var(--accent); font-size: 1.12em; font-weight: 700; font-variant-numeric: tabular-nums; line-height: 1; }

.content .paper-list .citation-count-label { font-size: 0.9em; }

.content .paper-list .citation-count:hover { color: var(--accent-active); text-decoration: none; }

.content .paper-list .citation-count:hover .citation-count-number { color: var(--accent-active); }

.content .paper-list .project-logo { width: 150px; height: 100px; max-height: 150px; max-width: 100%; position: relative; margin: auto; }

@media (max-width: 650px) { .content .paper-list { table-layout: fixed; width: 100%; } .content .paper-list td { min-width: 0; overflow-wrap: anywhere; } .content .paper-list td:first-child { width: 38%; } .content .paper-list .paper-logo { width: 100%; max-width: 120px; } }

/*# sourceMappingURL=main.css.map */