fix some styling with links

Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
Arthur Lu 2023-04-01 19:58:53 -07:00
parent 6a972e9727
commit 7eb18f9b99
3 changed files with 12 additions and 2 deletions

View File

@ -100,7 +100,7 @@
<h2>My Projects</h2>
</div>
<div>
<a href="projects.html">Browse</a>
<a href="projects.html" style="font-size: x-large;">Browse</a>
</div>
</div>
<div class="single" id="interests">

View File

@ -7,6 +7,7 @@ Cards alternate style from flat to popped out
:root {
--card-bg-color: #222222;
--card-text-color: white;
--link-text-color: #AAAAFF;
}
.single {
@ -74,4 +75,13 @@ Cards alternate style from flat to popped out
}
.card[data-reverse] {
flex-direction: column-reverse;
}
.card a {
font-size: large;
color: var(--accent-text-color);
text-decoration: underline 0.1em var(--card-bg-color);
transition: text-decoration-color 500ms;
}
.card a:hover {
text-decoration: underline 0.1em var(--link-text-color);
}

View File

@ -72,7 +72,7 @@ nav a {
font-size: x-large;
color: var(--accent-text-color);
text-decoration: underline 0.1em var(--accent-bg-color);
transition: text-decoration-color 500ms;
transition: text-decoration-color 500ms;
}
nav a:hover {
text-decoration: underline 0.1em var(--accent-text-color);