diff options
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 126 |
1 files changed, 126 insertions, 0 deletions
diff --git a/style.css b/style.css new file mode 100644 index 0000000..f6f350f --- /dev/null +++ b/style.css @@ -0,0 +1,126 @@ +body { + font-family: "Fira Code", monospace; + background-color: #282c34; + color: #f3f3f3; +} + +a { + color: #61adf5; + text-decoration: none; +} + +a:hover { + color: #c678dd; +} + +header, +main, +footer { + max-width: 900px; + margin: auto; +} + +h1 { + margin-top: 70px; + font-size: 30pt; + text-align: center; +} +h2 { + font-size: 18pt; + margin-top: 50px; +} +h3 { + font-size: 16pt; + margin-top: 30px; +} +h4 { + font-size: 14pt; + font-weight: 400; +} +p { + font-size: 12pt; + line-height: 1.5em; +} + +li { + line-height: 1.7em; + font-size: 12pt; +} + +/* ------ */ +/* Header */ +/* ------ */ +header { + margin-top: 80px; + margin-bottom: 110px; +} + +header h1, +header h2 { + text-align: center; +} + +header h1 { + font-size: 54pt; + margin-top: 70px; + margin-bottom: 30px; +} +header h2 { + font-size: 20pt; + font-weight: 400; + margin-top: 0px; + margin-bottom: 0px; +} + +/* ---- */ +/* Main */ +/* ---- */ +main { + margin-top: 80px; + margin-bottom: 80px; +} + +dd { + display: normal; +} + +.home ul { + list-style: none; + margin-left: 0; + margin-right: 0; + /* padding-left: 0; */ + padding-right: 0; +} +.home ul li { + font-weight: 400; + font-size: 14pt; +} + +.home p { + font-size: 14pt; +} + +.date { + text-align: right; +} + +ul.tldr li { + line-height: 1.5em; + font-size: 14pt; +} + +/* ------ */ +/* Footer */ +/* ------ */ +footer { + border-top: 1px solid #dedede; + padding-top: 8px; + padding-bottom: 8px; + margin-top: 100px; + text-align: center; + line-height: 1.3em; +} + +footer p { + font-size: 10pt; +} |