html { font-family: Source Sans Pro, Helvetica Neue, Arial, sans-serif; max-width: 80em; margin-left: auto; margin-right: auto; padding-bottom: 5em; } h1{ border-bottom: 1px solid #DEDEDC; margin: 0; color: #17a81a; } h2{ margin: 0; font-weight: normal; } body > section > ul{ margin-top: 0.5em; } /* Indent everything inside section but the heading */ body > section > :not(h1) { margin-left: 20px; } ul{ padding: 0; list-style-position: inside; margin: 0; } ul{ line-height: 1.4; } ul >li:not(:first-child){ /*padding-top: 0.1em;*/ } /* Space between sections */ body > section:not(:first-child){ margin-top: 2em; } /* Indent everything inside section but the heading */ body > section > section > :not(h2){ margin-left: 10px; } /* Space between sections */ body > section > section:not(:first-of-type){ margin-top: 3.0em; } p{ margin: 0; } .juxt > div > *:not(:first-child){ margin-top: 0.5em; } .juxt{ display: flex; justify-content: space-between; } .juxt>div:first-child{ /*max-width: 50%;*/ } a{ /*color: #08C;*/ color: black; text-decoration: none; /*border-bottom: 1px dashed #DEDEDC;*/ border-bottom: 1px dashed #757574; } a:hover { /*border-bottom: 1px solid #a9a9a7;*/ border-bottom: 1px solid #757574; } .gallery{ flex-shrink: 0; display: flex; align-items: start; margin-left: .5em; /*text-align: start;*/ } .gallery > img{ border-width: 1px; border-style: dashed; border-color: gray; } .year{ margin-left: .5em; font-weight: normal; font-size: 12pt; }