@import "_colours"; @font-face { font-family: 'Source Code Pro'; font-style: normal; font-weight: 400; src: local(''), url('/fonts/source-code-pro-v22-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/fonts/source-code-pro-v22-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: 'Source Code Pro'; font-style: normal; font-weight: 700; src: local(''), url('/fonts/source-code-pro-v22-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/fonts/source-code-pro-v22-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: 'Source Code Pro'; font-style: italic; font-weight: 400; src: local(''), url('/fonts/source-code-pro-v22-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/fonts/source-code-pro-v22-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: 'Source Code Pro'; font-style: italic; font-weight: 700; src: local(''), url('/fonts/source-code-pro-v22-latin-ext_latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/fonts/source-code-pro-v22-latin-ext_latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: 'Noto Sans CJK'; font-style: normal; font-weight: 400; src: local(''), url('/fonts/NotoSansCJKsc-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/fonts/NotoSansCJKsc-Regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } @font-face { font-family: 'Noto Sans CJK'; font-style: normal; font-weight: 700; src: local(''), url('/fonts/NotoSansCJKsc-Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('/fonts/NotoSansCJKsc-Bold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } body { background-color: $background-color; color: $body-color; padding-left: 5vw; padding-right: 5vw; padding-top: 5vh; font-family: 'Source Code Pro', 'Noto Sans CJK'; font-size: 1.5rem; @media screen and (max-width: 600px) { font-size: 1rem; } } h1 { color: $heading-color; margin: 0; } h2 { margin: 0; margin-top: 3rem; margin-bottom: 0.5rem; } a { color: $link-color; font-weight: bold; text-decoration: none; } li { line-height: 150%; } h2 { a.header-link { display: none; img { height: 1.25rem; margin-bottom: -4px; } } a.header-link, a.atom-link { padding-left: 10px; font-weight: normal; font-size: 1.3rem; } } img { max-width: 100%; }