diff options
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/Navbar.css | 21 | ||||
| -rw-r--r-- | src/styles/index.css | 12 |
2 files changed, 12 insertions, 21 deletions
diff --git a/src/styles/Navbar.css b/src/styles/Navbar.css index 9dbf797..ee4801f 100644 --- a/src/styles/Navbar.css +++ b/src/styles/Navbar.css @@ -1,7 +1,7 @@ nav { font-weight: 300; - padding-top: 2vh; - padding-bottom: 4.5vh; + padding-top: 1.5em; + padding-bottom: 2.2em; } ul.nav-list { list-style-type: none; @@ -10,11 +10,11 @@ ul.nav-list { display: flex; flex-direction: row; justify-content: center; - gap: 4vh; + gap: 2.2em; } a.nav-link { - font-size: 2vh; + font-size: 1.1em; } a.nav-link:hover { @@ -26,14 +26,6 @@ a.nav-link:active { color: #609460; } -@media (max-width: 768px) { - ul.nav-list { - flex-direction: column; - align-items: center; - gap: 2vh; - } -} - .nav-toggle { background: transparent; border: none; @@ -72,11 +64,10 @@ a.nav-link:active { padding: 20px; } - ul.nav-list { flex-direction: column; align-items: center; - gap: 2vh; + gap: 1em; display: none; } @@ -96,4 +87,4 @@ a.nav-link:active { .nav-list.show a.nav-link { animation: fadeIn 0.5s ease-in-out forwards; } -} +}
\ No newline at end of file diff --git a/src/styles/index.css b/src/styles/index.css index 9f383cd..57dc562 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -9,7 +9,7 @@ } #title { - font-size: 4vh; + font-size: 2.3em; } ul { @@ -29,13 +29,13 @@ p { display: flex; flex-direction: row; justify-content: center; - font-size: 6vh; - gap: 7vh; + font-size: 3.2em; + gap: 1.4em; } .email-contact { font-weight: 300; - font-size: 2.2vh; + font-size: 1.2em; } .information { @@ -65,8 +65,8 @@ p { /* Mobile view */ @media (max-width: 768px) { .social { - font-size: 5vh; - gap: 3vh; + font-size: 2.6em; + gap: 1em; } .information { |
