diff --git a/css/styles.css b/css/styles.css
index 938eec1..1d2d7b4 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -19,18 +19,19 @@ h1, h2, h3, h4, h5, p {
#nav {
background-color: black;
position: fixed;
- display: flex;
+ display: block;
justify-content: center;
top: 0;
width: 100%;
z-index: 1;
box-shadow: 0 0 0.1em dimgray;
+ text-align: center;
}
#nav a, #nav-mini .menu a {
color: white;
- display: block;
- float: center;
+ display: inline-block;
+ vertical-align: middle;
font-family: sans-serif;
font-size: calc(0.75em + 0.05vw);
font-weight: bold;
@@ -60,6 +61,7 @@ h1, h2, h3, h4, h5, p {
}
#nav-mini .menu a {
+ display: block;
text-align: center;
padding: 1em 0 1em 0;
border-bottom: 0.1em solid dimgray;
@@ -142,6 +144,11 @@ h1, h2, h3, h4, h5, p {
text-shadow: 0 0 0.1em black;
}
+#home .social, #footer .social {
+ display: block;
+ justify-content: center;
+}
+
#home .social a, #footer .social a {
height: calc(1em + 1vw);
width: calc(1em + 1vw);
@@ -152,15 +159,11 @@ h1, h2, h3, h4, h5, p {
text-decoration: none;
outline: 0;
margin: 0 1em;
- display: block;
+ display: inline-block;
+ vertical-align: middle;
filter: invert(100%) drop-shadow(0 0 0.1em black);
}
-#home .social, #footer .social {
- display: flex;
- justify-content: center;
-}
-
#home .social a:hover {
filter: invert(90%) drop-shadow(0 0 0.1em black);
}
diff --git a/index.html b/index.html
index 84bd9c1..5fbfa98 100644
--- a/index.html
+++ b/index.html
@@ -1,6 +1,7 @@
+
@@ -14,34 +15,34 @@
Manos Katsomallos
-