diff --git a/css/skeleton.css b/css/skeleton.css index ff0e775..f28bf6c 100644 --- a/css/skeleton.css +++ b/css/skeleton.css @@ -119,7 +119,7 @@ html is set to 62.5% so that all the REM measurements throughout Skeleton are based on 10px sizing. So basically 1.5rem = 15px :) */ html { - font-size: 90%; } + font-size: 62.5%; } body { font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */ line-height: 1.6; diff --git a/css/style.css b/css/style.css index 1a612cc..cb0cf61 100644 --- a/css/style.css +++ b/css/style.css @@ -4,6 +4,7 @@ body { font-family: "merriweatherlight", serif; + font-size: 1.6rem; color: rgba(0, 0, 0, 0.6); } @@ -11,15 +12,20 @@ body { /* ----------- titre ---------- */ header { - padding: 1em 0 1em 0; + display: flex; + align-items: center; + margin: 2em 0; + background-color: rgba(103, 83, 108, 1); */ } -header h2::before { - content: " : "; +#avatar { + border-radius: 50%; + padding: .5em; } -h1,h2 { - display: inline-block; +h1 { + color: rgba(238, 215, 244, 1); + margin: 0; } /* ----------- carte ---------- */ @@ -28,12 +34,6 @@ h1,h2 { padding-bottom: 1em; } -#avatar { - width: 100%; - border: solid 1px rgba(103, 83, 108, 0.8); - border-radius: 50%; -} - #carte ul { list-style-type: none; } diff --git a/index.html b/index.html index cbdd0e7..e86e905 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,6 @@ -
@@ -17,20 +16,21 @@