From cad7ad2f609c0228a917e8a6043b7c861983ee42 Mon Sep 17 00:00:00 2001 From: davidml Date: Wed, 15 Dec 2021 13:46:23 +0000 Subject: [PATCH] Improved Design --- sass/index.css | 49 +++++++++++++++++++++++++++++++++---------------- 1 file changed, 33 insertions(+), 16 deletions(-) diff --git a/sass/index.css b/sass/index.css index 13ecc48..c284574 100644 --- a/sass/index.css +++ b/sass/index.css @@ -4,10 +4,11 @@ body { display: flex; flex-direction: column; background-color: #03071e; + color: #EAE2B7; } a { - color: #EAE2B7; + color: inherit; font-size: 150%; text-decoration: none; } @@ -27,31 +28,47 @@ p { font-family: 'Roboto', sans-serif; } -.navigation { - font-family: 'Roboto', sans-serif +.article:hover { + color: white; } .header { - background-color: #03071e; - color: #EAE2B7; + display: flex; + align-items: center; + justify-content: space-between; + font-family: 'Roboto', sans-serif +} + +.navigation { + background-color: inherit; + color: inherit; font-family: 'Roboto', sans-serif; width: 100%; height: 100px; display: flex; align-items: center; - justify-content: flex-end; } + justify-content: space-between; +} + +.navigation a { + padding: 2%; + font-size: 250%; + font-weight: bolder; + +} -ul { +.foot { display: flex; - flex-direction: row; - font-size: 20px; - list-style: none; } - ul li { - padding-right: 30px; } + align-items: center; + justify-content: space-between; + width: 100%; +} -ol { - display: flex; - flex-direction: column; - list-style: georgian; } +.foot a { + font-family: "Roboto", sans-serif; + font-weight: bolder; + padding-left: 20%; + padding-right: 20%; +} /*# sourceMappingURL=index.css.map */