:root { --color-background: #fff; --color-primary-20: #e8e8e8; --color-primary-50: #dcdcdc; --color-primary-100: #acacac; --color-primary-500: #505050; --color-primary-600: #3c3c3c; --color-accent-500: #007bff; --color-accent-600: #0056b3; --color-code: #e01e5a; --color-blockquote-border: #242424; --color-code-border: #1d1c1d21; --color-code-background: #1d1c1d0a; }

@media (prefers-color-scheme: dark) { :root { --color-background: #222; --color-primary-20: #4c4c4c; --color-primary-50: #454545; --color-primary-100: #757575; --color-primary-500: #ccc; --color-primary-600: #e6e6e6; --color-accent-500: #1e8ad6; --color-accent-600: #3ba0e6; --color-code: #e8912d; --color-blockquote-border: #dbdbdb; --color-code-border: #e8e8e821; --color-code-background: #e8e8e80a; } }
body { background-color: #fff; background-color: var(--color-background); color: #505050; color: var(--color-primary-500); font-family: 'Source Serif Pro', sans-serif; }
body a { color: #007bff; color: var(--color-accent-500); }
body a:hover { color: #0056b3; color: var(--color-accent-600); }
body .header .separator { margin-left: 5px; margin-right: 5px; color: #acacac; color: var(--color-primary-100); }

.table { color: #505050; color: var(--color-primary-500); }

@media print { a { color: #505050 !important; text-decoration: none !important; border: none !important; }
  a[href]:not(.no-print-link):after { content: " (" attr(href) ")"; } }
@media (min-width: 1200px) { .container { width: 770px; } }
body { margin-top: 30px; margin-bottom: 30px; font-size: 1.1em; }

.borderless tbody > tr > td { border: none; }

.home hr { margin: 10px 0 10px 0; padding: 10px 0 0 0; border-top: 1px solid #e8e8e8; border-top: 1px solid var(--color-primary-20); }
.home .profile-pic { width: 100px; height: 100px; border-radius: 100px; box-shadow: 0 0 13px 0 #acacac; box-shadow: 0 0 13px 0 var(--color-primary-100); filter: grayscale(100%); transition: box-shadow 0.6s ease-in-out, filter 0.4s ease-in-out; }
.home .profile-pic:hover { box-shadow: 0 0 24px 1px #acacac; box-shadow: 0 0 24px 1px var(--color-primary-100); filter: grayscale(0%); }
.home .name { font-size: 1.8em; font-weight: bold; margin-bottom: 0; }
.home .social { margin: 5px 0 20px 0; font-weight: bold; }
.home .social a { margin-right: 10px; }
.home .social a:last-child { margin-right: 0; }
.home .desc { text-align: justify; }
.home .desc a { border-bottom: 1px solid #dcdcdc; border-bottom: 1px solid var(--color-primary-50); color: #505050; color: var(--color-primary-500); }
.home .desc a:hover { border-bottom: 1px solid #505050; border-bottom: 1px solid var(--color-primary-500); text-decoration: none; }
.home .contact { font-size: 0.9em; }
.home .section-title { font-size: 1.0em; margin-top: 0; margin-bottom: 0; color: #acacac; color: var(--color-primary-100); text-transform: uppercase; }
.home .section-table { margin-bottom: 10px; max-width: 440px; }
.home .section-table a, .home .section-table a:hover, .home .section-table a:focus { color: #505050; color: var(--color-primary-500); }
.home .section-table tbody > tr > td { padding: 3px; }
.home .section-table tbody > tr > .td-title { text-align: right; }
.home .section-table tbody > tr > .td-info { padding-left: 32px; font-weight: bold; font-size: 1em; }
.home .position { margin-bottom: 40px; }
.home .position:last-child { margin-bottom: 0; }
.home .section-info-bigger { margin: 0; font-weight: bold; font-size: 1.2em; }
.home .section-info-mid { margin-top: 3px; margin-bottom: 0; font-size: 0.9em; }
.home .section-info-small { color: #acacac; color: var(--color-primary-100); font-size: 0.9em; }
.home .subsection { margin: 20px 0 20px 20px; }
.home .subsection:last-child { margin-bottom: 10px; }
.home .subsection-title { margin: 0 0 5px 0; font-size: 1.0em; }
.home .subsubsection { margin-bottom: 20px; }
.home .subsubsection:last-child { margin-bottom: 0; }
.home .subsubsection ul { margin-top: 8px; font-size: 0.8em; }
.home .skills h3 { font-weight: bold; }
.home .skills a, .home .skills a:hover, .home .skills a:focus { color: #505050; color: var(--color-primary-500); }
.home .side-projects { list-style-type: none; padding: 0; }
.home .side-projects li { margin-bottom: 0.8rem; }
.home .side-project-tag { font-size: small; color: #acacac; color: var(--color-primary-100); }
.home footer { font-size: 0.7em; }
.home footer .print-anchor { margin-top: 8px; }