From 538a72d1982e1fd2e3cf582b427e8d84e7edf708 Mon Sep 17 00:00:00 2001 From: Quentin Date: Sat, 23 Jan 2021 18:28:29 +0100 Subject: Refactor website --- src/_next/css/main.css | 82 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 82 insertions(+) create mode 100644 src/_next/css/main.css (limited to 'src/_next/css/main.css') diff --git a/src/_next/css/main.css b/src/_next/css/main.css new file mode 100644 index 0000000..fbbaa8a --- /dev/null +++ b/src/_next/css/main.css @@ -0,0 +1,82 @@ +/* some reset */ +html, body { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; + height: 100%; + font-size: 24px; +} + +/* fonts */ +@font-face { + font-family: 'IM Fell English'; + font-style: italic; + font-weight: 400; + font-display: swap; + src: url(../fonts/IMFellEnglish-Italic.ttf) format('truetype'); + 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; +} +@font-face { + font-family: 'IM Fell English'; + font-style: normal; + font-weight: 400; + font-display: swap; + src: url(../fonts/IMFellEnglish-Regular.ttf) format('truetype'); + 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; +} + +html { + background-color: #fbfcf8; +} + +body { + max-width: 900px; + padding: 1em; + margin: auto; + font-family: 'IM Fell English', Times, Serif; + color: #5c544a; +} + +.hero { + background-image: url("../img/illus.jpg"); + transform: rotate(-2deg); + height: 530px; + background-size: cover; + background-position: 50% 0%; + border-radius: 10px; + margin: -1.8em -1em 3em -1em; +} + +.hero img { + position: absolute; + top: -14px; + left: 25px; + height: 100px; +} + +header { + padding: 1em 0em 2em 0em; +} + +article { + background-color: #f4eccd; + padding: 1em; + border-radius: 10px; +} + +.brand { + font-size: 2em; + float: left; +} + +nav { + float: right; +} + +nav li { + padding: 0.5em; + display: inline; +} -- cgit v1.2.3