/* latin-ext */ @font-face { font-family: 'Source Serif Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://nunosempere.com/.resources/source-serif-pro-latin-ext.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Serif Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://nunosempere.com/.resources/source-serif-pro-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* Body */ body { display: flex; flex-wrap: wrap; font-family: serif; /* font-family: 'Source Serif Pro', serif; */ font-size: 1.5em; background-color: #fff; } /* If the screen size is 600px wide or less, set the font-size of
to 30px */ @media screen and (max-width: 600px) { body { font-size: 1em; } .hidden-mobile { display: none; } } /* header */ header { flex-basis: 100%; flex-shrink: 0; background-color: #eee; clear: both; padding: 0em; margin: 0; } header h1 { margin-left: 0.7em; } header a { /* color: inherit; */ text-decoration: none; color: black; /* * color: #005386; */ } header h1 span { margin-left: 0em; font-size: 70%; color: #555; /* font-style: italic; */ } /* Navigation bar */ header nav { display: flex; justify-content: space-between; } body>nav { float: left; margin: 0 1px 0 0; border-right: 1px dotted #ccc; width: 250px; } nav a{ /* color: inherit; */ text-decoration: none; color: #005386; } nav a:hover { background-color: #ddd; } nav ul { display: flex; flex-direction: column; list-style-type: none; list-style-position: outside; padding-left: 0; } nav li ul { padding-left: 0.6em; } nav li a { display: block; margin: 0; padding: 0.3em 2em 0.8ex 1em; } /* Other sections */ article{ padding: 0.3em 0 0 0; flex-basis: 70%; padding-left: 1em; } footer { flex-shrink: 0; display: flex; justify-content: space-between; padding: 1em 0em 1em 1em; border-top: 1px dotted #ccc; } /* links */ a { color: #005386; } /* Images and figures */ figure figcaption { display: block; margin-left: auto; margin-right: auto; } figcaption { text-align: center; font-size: 12px; } img { display: block; margin-left: auto; margin-right: auto; width: 80%; } .img-frontpage-center { display: block; margin-left: auto; margin-right: auto; width: 300px; } .img-medium-center { display: block; margin-left: auto; margin-right: auto; width: 50%; }