@media screen { body { background: #fff1d1; } } @media screen and (min-width: 820px) { body { width: 800px; margin-left: auto; margin-right: auto; } } @media screen and (max-width: 820px) { body { margin-left: 10px; margin-right: 10px; } } body { font-family: sans-serif; margin-bottom: 1em; } .header { display: flex; border-bottom: 1px solid #000; margin-bottom: 5px; } .header .name { flex: 1 0 auto; display: flex; flex-direction: column; justify-content: center; font-family: serif; font-size: 200%; } .contact-group { margin: 5px auto; border-spacing: 0.5em 2px; font-size: smaller; } .contact-group th { text-align: right; margin: 2px; font-weight: normal; } .contact-group td { margin: 2px; } .contact-group .email-address { font-style: italic; } h1, h3, h5 { font-family: serif; } h2, h4, h6 { font-family: sans-serif; } h1 { text-align: center; font-size: 160%; } @media print { h1 { margin-top: 0.5em; margin-bottom: 0.5em; } } @media screen { h1 { margin-top: 1.5em; margin-bottom: 1em; } h1:first-of-type { margin-top: 1em; } } h2 { font-size: 130%; } h3 { font-size: 100%; font-weight: bold; } .job-entry { display: flex; width: 100%; font-size: 130%; } .job-entry .company-name { flex: 1 0 auto; font-weight: bold; } .job-entry .project-name { flex: 1 0 auto; font-style: italic; } .job-entry .date { display: flex; flex-direction: column; justify-content: center; font-variant: small-caps; font-size: 75%; } .job-entry .project-link { display: flex; flex-direction: column; justify-content: center; font-size: 75%; } .presentations { border-spacing: 0.5em 2px; border-collapse: collapse; } .presentations tr:last-of-type { border-bottom: none; } .presentations th { font-weight: normal; text-align: right; vertical-align: center; border-right: 1px solid black; padding-right: 1em; } .presentations td { vertical-align: center; padding-left: 1em; } .degree { font-variant: small-caps; } .last-updated { margin-top: 3em; border-top: 1px solid black; padding-top: 1em; text-align: center; } /* h1 { font: 180% serif; color: #002860; } h2 { font: 120% sans-serif; margin-bottom: 0; } h3 { font: 110% serif; color: #6c0000; } table { margin-top: -1em; } th { font: 120% sans-serif; text-align: left; text-decoration: underline; padding-top: 0.5em; } td { padding-right: 2em; } .contact-group { text-align: center; margin: 0 auto; } .contact-group th { font: sans-serif; } .contact { font-style: italic; } .date { text-align: center; font-variant: small-caps; } .subgroup { padding-left: 3em; } .job { } .subheading { font-variant: small-caps; padding-bottom: 1em; } .expgroup { padding-bottom: 0.1em; } */