Improved Design

This commit is contained in:
2021-12-15 13:46:23 +00:00
parent 3fc75e136c
commit cad7ad2f60

View File

@@ -4,10 +4,11 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: #03071e; background-color: #03071e;
color: #EAE2B7;
} }
a { a {
color: #EAE2B7; color: inherit;
font-size: 150%; font-size: 150%;
text-decoration: none; text-decoration: none;
} }
@@ -27,31 +28,47 @@ p {
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
} }
.navigation { .article:hover {
font-family: 'Roboto', sans-serif color: white;
} }
.header { .header {
background-color: #03071e; display: flex;
color: #EAE2B7; align-items: center;
justify-content: space-between;
font-family: 'Roboto', sans-serif
}
.navigation {
background-color: inherit;
color: inherit;
font-family: 'Roboto', sans-serif; font-family: 'Roboto', sans-serif;
width: 100%; width: 100%;
height: 100px; height: 100px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: flex-end; } justify-content: space-between;
}
ul { .navigation a {
display: flex; padding: 2%;
flex-direction: row; font-size: 250%;
font-size: 20px; font-weight: bolder;
list-style: none; }
ul li {
padding-right: 30px; }
ol { }
.foot {
display: flex; display: flex;
flex-direction: column; align-items: center;
list-style: georgian; } justify-content: space-between;
width: 100%;
}
.foot a {
font-family: "Roboto", sans-serif;
font-weight: bolder;
padding-left: 20%;
padding-right: 20%;
}
/*# sourceMappingURL=index.css.map */ /*# sourceMappingURL=index.css.map */